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> 

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