我难住了。在阅读了大量关于此的博客和帖子后,这是我编译的代码,以获得对我的 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文件并在浏览器中查看。有什么关系!?