Question

我正在使用Bootstrap 3开发一个网站，因为分辨率屏幕我遇到了问题。

我的笔记本电脑和平板电脑都使用1280x800分辨率。事情是我的网站有一个背景视频（HTML5），具有自动播放属性。在桌面上它工作正常，但不是平板电脑，我的意思是，网站已加载，一切正常，但不是播放视频，而是显示黑屏。两种设备都使用相同的分辨率，因此我无法修复平板电脑的视图，因为它与桌面分享的分辨率相同。

这是我写的代码：

 <header class="video-bg hidden-xs hidden-sm hidden-md">
  <div class='embed-responsive embed-responsive-16by9'>
    <video autoplay autobuffer loop muted class="hidden-xs hidden-sm overlay-video embed-responsive-item" id="vidMain"><!-- visible-xs visible-sm visible-md visible-lg overlay-video embed-responsive-item-->
      <source src="videos/video.mp4" type="video/mp4" class='embed-responsive-item'/>
    </video>
  </div>
  </header>

有机会解决它吗？

平板电脑/笔记本电脑相同的分辨率：自举响应

0 个答案: