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">