HTML5視頻鉻

Question

我使用的Video.js實現視頻不加載和下面的代碼：

的.htaccess：

AddType text/x-component .htc 

AddType video/mp4 .mp4 .m4v 
AddType video/webm .webm 
AddType video/ogg .ogv .ogg 

HTML：

<video id="video-1" class="video-js vjs-default-skin" 
          width="100%" height="100%" 
           poster="videos/timelapse.jpg" 
          data-setup='{ "controls": true, "autoplay": false, "preload": "auto" }'> 
         <source src="videos/timelapse.mp4" type='video/mp4' /> 
         <source src="videos/timelapse.webm" type='video/webm' /> 
         <source src="videos/timelapse.ogv" type='video/ogg' /> 
          Your browser doesn't support HTML5 video. 
         <a href="videos/timelapse.mp4">Download</a> the video instead. 
         </video> 

我得到的以下鉻錯誤：

["Video Error", Object] 
0: "Video Error" 
1: Object 
length: 2 
__proto__: Array[0] 

但是，如果我改變的格式秩序，首先把.webm它在Chrome，但不能在Firefox。

任何想法？謝謝！

Answer 1

使用MP4和OGG就足夠了，應在IE9 +，歌劇10.6以上，鉻6+，火狐3.6+和Safari 5+工作。

<source src="videos/timelapse.mp4" type="video/mp4"> 
<source src="videos/timelapse.ogg" type="video/ogg">