0

多分誰かがそのような問題に直面したのでしょうか？Video-JSプレーヤーを使おうとしました。初めて次のマークアップを使用しました。

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" 
        width="640" height="264"
        poster="http://video-js.zencoder.com/oceans-clip.png"
        data-setup="{}">
    <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
    <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
    <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
    <track kind="captions" src="captions.vtt" srclang="en" label="English" />
</video>

すべてが大丈夫だった。次に、これらの3つのファイル（mp4、webm、ogv）をダウンロードして、自分のサイトのディレクトリにローカルに配置しました。マークアップ：

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" 
  width="640" height="264"
  poster="http://video-js.zencoder.com/oceans-clip.png"
  data-setup="{}">
      <source src="/Content/Images/Data/Media/oceans-clip.mp4" type='video/mp4' />
      <source src="/Content/Images/Data/Media/oceans-clip.webm" type='video/webm' />
      <source src="/Content/Images/Data/Media/oceans-clip.ogv" type='video/ogg' />
      <track kind="captions" src="/Scripts/video-js/captions.vtt" srclang="en" 
            label="English" />
</video>

Chromeでは正常に動作するようになりましたが、FirefoxとIEでは動作しません。他のHTML5プレーヤーであるLeanpackを使おうとする前は、同じ動作に直面していました。問題の原因は何ですか？

4

3 に答える 3

2

サーバー（ローカルホストであっても）は、正しいmimeタイプを提供するように設定する必要があります。そうしないと、より煩雑なブラウザーがファイルを再生しません。詳細については、html5に飛び込むを参照してください。

于 2012-05-22T15:45:48.687 に答える
1

ファイル拡張子を.ogvから.oggに変更します。それはうまくいきます。

于 2012-07-05T17:41:29.783 に答える
0

絶対パスをmp4ファイルに追加すると、IE9がそれを再生します。 Jonasのvideo.jsヘルプガイドの回答を参照してください

于 2012-05-22T15:35:36.550 に答える