视频标签在播放前无法渲染

Question

我使用视频标签在我的网站上显示视频。在桌面浏览器中一切正常，但在Chrome移动浏览器（至少是android）视频不会显示在＆＃34;视频容器内＃34;如果我不按下播放按钮。有一个透明的窗口＆＃34;用上面的播放按钮和下面的控件。

我在互联网上看过类似的东西但是在播放之前应该有一个浅灰色的背景视频。

我设置preload =＆＃34; auto＆＃34;但它不起作用。

<video class="img-responsive video" preload="auto" controls>
   <source src="./videos/apresentação.mp4" type="video/mp4">
   <source src="./videos/apresentação.ogg" type="video/ogg">
   Your browser does not support the video tag.
</video>

Answer 1

解决！我使用poster属性在视频标签中应用图像：

<video class="img-responsive video" poster="./videos/poster.jpg" preload="auto" controls>
    <source src="./videos/apresentação.mp4" type="video/mp4">
    <source src="./videos/apresentação.webm" type="video/webm">
    <p>Your browser does not support the video tag.</p>
</video>