Google Chrome <video>问题

我正在尝试使用html5视频标记。它在safari和firefox上运行良好，但在Chrome上屏幕闪烁并变为空白。但是，如果我调整浏览器窗口大小，视频会再次显示。我已将代码放在测试页上，同时也包含在下面。Google Chrome <video>问题

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>

来源

2012-12-28 CodeMonkeyB

适合我的浏览器，除了FPS是这个老PC上非常低。 – Passerby

我与Chrome版本24.0.1312.45公测尝试它在Mac 如果我滚动我的鼠标的视频显示，但如果我加载页面，并点击不或按任何屏幕是空白 – CodeMonkeyB

视频完美的作品在我的浏览器！而且我也没有看到代码的任何问题！ –

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

我不知道为什么这正在发生，虽然。

一对夫妇的其他注意事项：

autoplay是一个布尔值属性，因此它应该要么是autoplay自身，或autoplay="autoplay"，不autoplay="true"
这些影片真的大文件作用户下载。你可能想考虑试图缩小它们。

来源

2013-03-14 02:37:29 newtron

Google Chrome <video>问题

回答

相关问题