html5-video - HTML 5 视频问题，视频无法在页面上播放，但可以右键单击并下载并在浏览器中查看

Question

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

Answer 1

可能有点晚了。

上传文件时是否为文件设置了正确的 MIME 类型？