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>

我在chrome中遇到以下错误：

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

但是，如果我更改格式的顺序并首先放置.webm，它可以在chrome中使用，但不能在firefox中使用。

有什么想法吗？谢谢！

Answer 1

使用mp4和ogg就足够了，应该适用于ie9 +，opera 10.6 +，chrome 6+，firefox 3.6+和safari 5 +。

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

HTML5视频无法加载Chrome

1 个答案: