0

HTML5 と vimeo を使用したフォールバックでビデオを自動再生しています。

<video width="100%" height="100%" autoplay="autoplay">
    <source src="video/mp4.mp4" type="video/mp4" />
    <source src="video/ogv.theora.ogv" type="video/ogg" />
    <iframe src="http://player.vimeo.com/video/43010500?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff&amp;autoplay=1" width="100%" height="100%" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> 
</video>

これは Safari と Firefox では問題なく動作しますが、chrome ではエコーが発生します。私はvimeo iframeを取り出しましたが、エコーはなくなりました.chromeはhtml5videoを使用しており、iframeビデオもその下に隠れて再生されていると思います.

ブラウザが html5 ビデオを再生できない場合に iframe にフォールバックする最良の方法は何ですか。

ありがとう。

4

1 に答える 1

2

html5 ビデオがサポートされているかどうかを確認するには、modernizr を使用することをお勧めします。サポートされている場合は video タグを挿入し、サポートされていない場合は iframe を挿入します。

http://modernizr.com/

<div id="videoplayer"></div>


if (Modernizr.video) {
  $('#videoplayer').html('all the video stuff you have'); // or build it and append
} else {
  $('#videoplayer').html('iframe code');
}

すでにこれを行う既存のプラグインやツールがたくさんあることは言うまでもありません。

http://html5video.org/wiki/HTML5_Player_Comparison

于 2012-05-30T01:29:13.427 に答える