Html 谷歌浏览器<；视频>；问题

我正在尝试使用html5视频标签。它在safari和firefox上运行良好，但在chrome上，屏幕会闪烁并变为空白。但如果我调整浏览器窗口的大小，视频将再次显示。我已经把代码放在了测试页面上，也包括在下面

任何帮助都将不胜感激

<video poster="https://s3.amazonaws.com/bilalallawala/resources/video/cover.jpg" preload="auto" autoplay="true" style="background-size:cover;width:100%;height:auto;position:fixed;left:0;">

    <source src="https://s3.amazonaws.com/bilalallawala/resources/video/tl16x9.ogg" type="video/ogg">
    <source src="https://s3.amazonaws.com/bilalallawala/resources/video/tl16x9.mp4" type="video/mp4">

</video>

---

我做了两个快速测试，如果删除

poster

属性，问题似乎就会消失。这仍然适用于您，因为浏览器将在第一帧可用时立即显示第一帧视频，并且第一帧与您使用的海报相同

不过，我不知道为什么会发生这种情况

还有几点需要注意：

• autoplay

  是一个布尔属性，因此它本身应该是

  autoplay

  ，或者是

  autoplay=“autoplay”

  ，而不是

  autoplay=“true”

• 这些视频是非常大的文件，用户可以下载。你可能想考虑把它们缩小。

---

适用于我的Chrome，但这台旧电脑的FPS非常低。我正在Chrome版本为24.0.1312.45 beta的mac电脑上试用。如果我滚动鼠标，视频会出现，但如果我加载页面，不点击或按任何键，屏幕会空白，视频在我的Chrome上会完美运行！我也看不出代码有任何问题！你使用的是哪个版本的chrome？我在MacBookPro上看到chrome 25.0.1364.172的问题。