0

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 では機能しません。

何か案は?ありがとう!

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 に答える