Chrome html5视频

Question

在Chrome上播放视频时出现问题。程序在Firefox，Opera和Safari上运行良好，曾经（我认为）在Chrome上运行良好。过去的讨论对我没有帮助。这里是一个链接： http://faculty.purchase.edu/jeanine.meyer/html5/chooselocation.html html5标记类似的3个视频，但第一和第二不工作，第三个！

此脚本：http://faculty.purchase.edu/jeanine.meyer/html5/collagebase.html 包含用于检查视频是否已加载但未播放的代码。

请帮帮我。

Answer 1

更改不同格式的源排序。

<video id="fire" loop="loop" preload="auto" controls="controls" style="display: block;"> 
    <source src="sfire3.mp4" type="video/mp4; codecs='avc1.42E01E, mp4a.40.2'"> 
    <source src="sfire3.theora.ogv" type="video/ogg; codecs='theora, vorbis'"> 
    <source src="sfire3.webmvp8.webm" type="video/webm; codec='vp8, vorbis'"> 
    Your browser does not accept the video tag. 
</video> 

交换的第一个和最后<source>元素的位置：

<video id="fire" loop="loop" preload="auto" controls="controls" style="display: block;"> 
    <source src="sfire3.webmvp8.webm" type="video/webm; codec='vp8, vorbis'"> 
    <source src="sfire3.theora.ogv" type="video/ogg; codecs='theora, vorbis'"> 
    <source src="sfire3.mp4" type="video/mp4; codecs='avc1.42E01E, mp4a.40.2'"> 
    Your browser does not accept the video tag. 
</video> 

例如，您目前正在渲染您的影片之一以下