谷歌浏览器<视频>问题</video>

时间:2012-12-28 03:36:54

标签: html html5 video html5-video

我正在尝试使用html5视频标记。它在safari和firefox上工作正常,但在chrome上,屏幕闪烁并变为空白。但是,如果我调整浏览器窗口的大小,视频会再次出现。我已将代码放在测试页面上,也包括在下面。

http://www.bilalallawala.com/test.html

任何帮助将不胜感激

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

1 个答案:

答案 0 :(得分:1)

我做了几次快速测试,如果删除poster属性,问题就会消失。这仍然适用于您,因为浏览器会在第一个视频帧可用时立即显示,第一帧与您正在使用的海报相同。

我不知道为什么这种情况正在发生。

其他一些说明:

  • autoplay是一个布尔属性,因此它应该是autoplay,或autoplay="autoplay",而不是autoplay="true"
  • 这些视频是用于下载用户下载的真正大文件。您可能需要考虑尝试缩小它们。