<div class="container text-white">
  <div class="row">
    <div class="col text-center">
      <h3>轉檔前</h3>
      <p>這是15Mbps 的手機錄影原始影片</p>
      <p>(14.8MB)</p>
      <video src="https://lyrademo.s3-ap-northeast-1.amazonaws.com/docs/video-compress/before-15mbps.mp4"
             width="100%" style="max-height: 450px;" controls></video>
    </div>
    
    <div class="col text-center">
      <h3>轉檔後</h3>
      <p>以下是轉檔後的 4Mbps 影片</p>
      <p>(4.39MB)</p>
      <video src="https://lyrademo.s3-ap-northeast-1.amazonaws.com/docs/video-compress/after-4mbps.mp4"
             width="100%" style="max-height: 450px;" controls></video>
    </div>
  </div>
</div>

body {
  background: black;
}