3

私の目標は、すべての主要なブラウザーをサポートする Web サイトにビデオ プレーヤーを配置することです。

ビデオを .ogg、.mp4、.webm、.swf の 4 つの異なるビデオ形式に変換しました。

次のコードでは、html 5 要素がビデオを mp4、ogg、または webm 形式で再生しようとします。これが失敗した場合、コードは「フォールバック」して object 要素を試行し、embed 要素 if object も失敗します。

Chrome、Safari、Ipad/Iphone、Android では問題なく動作するようですが、Firefox と Internet Explorer で問題が発生しています。すべてのブラウザでポスター .jpg が表示され、Firefox では次のエラー メッセージが表示されます。

サポートされている形式と MIME タイプのビデオが見つかりません。

このコードを改善したり、Firefox、Internet Explorer、Safari でもビデオを再生するのに役立ついくつかのアイデアを撮影したりするのを手伝ってくれる人はいますか?

<video width="320" height="240" controls="controls" poster="may_28_2012_F6_HQ.jpg">
  <source src="may_28_2012_F6_HQ.ogg" type="video/ogg" />
  <source src="may_28_2012_F6_HQ.mp4" type="video/mp4" />
  <source src="may_28_2012_F6_HQ.webm" type="video/webm" />
    <object width="320" height="240" data="may_28_2012_F6_HQ.mp4">
      <embed width="320" height="240" src="may_28_2012_F6_HQ.swf">
          Your browser does not support video
      </embed>
    </object>
</video>
4

3 に答える 3

0

Javascriptを使用してブラウザを検出し、対応するビデオ形式を挿入する必要があると思います。

jQueryを使用するように：

if($.browser.mozilla) {
  // using ogg
}else if($.browser.webkit) {
  // using mp4
}else if($.browser.opera) {
  // as webkit
}else {
  // using flash as player
}
于 2012-06-03T03:34:40.193 に答える
0

Firefox エラー サポートされている形式と MIME タイプのビデオが見つかりません。これを解決するには、次の MIME タイプを .htaccess ファイルに追加します。

AddType video/mp4 mp4 m4v f4v f4p
AddType video/ogg ogv
AddType video/webm webm
AddType video/x-flv flv
于 2014-03-10T12:06:45.127 に答える
0

このプレーヤーを使用できますhttp://mediaelementjs.com/

于 2012-06-03T09:53:06.133 に答える