私は困惑しています。これに関する多数のブログや投稿を読んだ後、HTML 5 ビデオの完全なブラウザー サポートを取得するためにコンパイルしたコードを次に示します。
<video width="686" height="284" poster="http://my_S3_file.png?preset=category-hero" autoplay loop>
<source src="http://my_S3_file.theora.ogv" type='video/ogg; codecs="theora, vorbis"' />
<source src="http://my_S3_file.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="http://my_S3_file.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<object width="686" height="284" src="http://my_S3_file.mp4">
<embed width="686" height="284" src="http://my_S3_file.swf" loop="false" wmode="transparent" ></embed>
</object>
</video>
(いつものように)Chromeでうまく機能します。ただし、Firefox と IE は再生を拒否します。さらに奇妙なことに、Firefox では、ビデオ領域を右クリックして [ビデオの表示] を選択し、新しいタブで webm ファイルを開いてブラウザで表示できます。契約は何ですか!?