Html 播放前未渲染视频标记

我正在使用视频标签在我的网站中显示视频。在桌面浏览器中一切正常，但在chrome手机浏览器（至少android）中，如果我不按播放按钮，视频就不会显示在“视频容器”中。有一个透明的“窗口”，上面有播放按钮，下面有控制按钮

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

我设置了preload=“auto”，但它不起作用

<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>

您的浏览器不支持视频标记。

---

解决了！我使用

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>

您的浏览器不支持视频标记