mp4 视频两侧的黑线 - iPhone

Question

我正在建立一个网站并使用 html5 视频标签添加了一个 mp4 视频。
问题是当我在我的 iPhone（任何浏览器 - Chrome、Firefox、Safari）上打开该网站时，我看到视频帧侧面出现黑线（如下图所示）。

这就是我添加视频的方式：

<div id="landing_page_video" class="col-sm-offset-1 col-sm-7">
  <div class="embed-responsive embed-responsive-4by3">          
    <video preload="auto" playsinline autoplay muted loop>
       <source src="img/landing_page_video.mp4" type="video/mp4">
         Your browser does not support the video tag.
    </video>
  </div>
</div> 

[机密视频内容粉笔]

感谢任何帮助。

Answer 1

你也在使用 CSS 吗？你不能这样做吗：

#landing_page_video{
border: 0 none;
box-shadow: none;
}