我有一个我正在为uni项目工作的网站,我使用HTML5视频标签嵌入了一个视频。代码如下所示:
<video width="400" controls="">
<source src="images/Nexus.mp4" type="video/mp4">
Something broke :/
</video>
它在大学工作得很好,但是当我回家时,它不再有效。我做了一些研究,Chrome不支持mp4。好的,所以我找到了一个允许我转换为其他支持类型的网站,所以现在我的代码看起来像这样:
<video width="400" controls="">
<source src="images/Nexus.mp4" type="video/mp4">
<source src="images/Nexus.ogv" type="video/ogg">
<source src="images/Nexus.webm" type="video/webm">
Something broke :/
</video>
ogg和webm都在工作(我使用评论单独测试了每一个)。但在家里它仍然无法正常工作。它提供了视频小部件,并显示正确的视频长度,但播放按钮被禁用,没有静止图像。但它仍然在大学工作。直到今天。现在我有同样的问题。让Chrome停止支持HTML5视频广告代码吗?
注意 ogg和webm仍可在firefox上运行,但不适用于mp4
答案 0 :(得分:1)
尝试重新排列它以便
<video width="400" controls>
<source src="images/Nexus.ogv" type="video/ogg">
<source src="images/Nexus.webm" type="video/webm">
<source src="images/Nexus.mp4" type="video/mp4">
Something broke :/
</video>
并删除属性控件的空值