0

ブラウザがサポートしていない場合に備えて、html5 ビデオのフラッシュ フォールバックを試みています。クロムで取得できますが、クロムは「サポートされている形式のビデオがありません」と表示します。

ビデオ用の Modernizr テストを使用して、swf オブジェクトを作成し、追加しています。ビデオの mp4 および webm 形式があります。firefox は ogv 形式を必要とするため、Flash フォールバックをレンダリングする必要がありますが、そうしていません。

<div id="flash" width="230px" height="230px" style="display:inline-block">
  <video width="230px" height="230px" id="player2" controls="controls">
    <source src="'+path_webm+'" type="video/webm">
    <source src="'+path_mp4+'" type="video/mp4">
    <track kind="subtitles" src="../media/mediaelement.srt" srclang="en" />
      <p>Your browser leaves much to be desired.</p>
  </video>
</div>

var $vobj = $(mediaVideo);
$vobj.appendTo("#tab1");
if(!Modernizr.video.ogg) {
   so.write("flash");
}
});

ここのswfオブジェクトもそうです。

前もって感謝します！

4

3 に答える 3

3

HTML 5 ビデオをフラッシュにフォールバックできるようにする簡単なコードを次に示します。

<video id="movie" width="320" height="240" preload controls>
  <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"' />
  <source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"' />
  <source src="pr6.mp4" />
  <object width="320" height="240" type="application/x-shockwave-flash"
    data="flowplayer-3.2.1.swf"> 
    <param name="movie" value="flowplayer-3.2.1.swf" /> 
    <param name="allowfullscreen" value="true" /> 
    <param name="flashvars" value='config={"clip": {"url": "http://wearehugh.com/dih5/pr6.mp4", "autoPlay":false, "autoBuffering":true}}' /> 
  </object>
</video>

すべてのソース タグの末尾にフラッシュ ビデオの埋め込みコードを追加するだけです。

于 2012-07-23T20:01:10.523 に答える
0

次回は自分でコードをフォーマットしてください！

html5 フォールバックを使用できます。数日前に同様の質問に答えたばかりです。ここをチェックしてください：フォールバック付きのHTML5ビデオタグ

于 2012-07-11T17:44:48.580 に答える
0

同社は、The Chromium ブログへの投稿で、WebM (VP8) と Theora ビデオ コーデックを優先して、HTML5 H.264 ビデオ コーデックのサポートを削除すると述べました。

続きを読む: http://www.itproportal.com/2011/01/12/google-chrome-drops-h264-video-codec-support/#ixzz217vGB8dP

于 2012-07-20T02:42:29.950 に答える