0

我正在使用 video.js 来实现视频和以下代码：

.ht 访问：

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 中。

有任何想法吗？谢谢！

4

1 回答 1

0

使用 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">
于 2013-07-08T09:16:50.433 回答