Question

我正在设置oneweekfatloss.com，但无法显示视频。

适用于Chrome和Safari，但不适用于IE和FF。我创建了一个mp4和.ogv文件。

我的html出错了吗？

 <video width="720px" height="420px" autoplay>
    <source src="https://s3.amazonaws.com/paleojumpstart/paleovideos/Paleo+Sales+Video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
    <source src="https://s3.amazonaws.com/paleojumpstart/paleovideos/Paleo_Sales_Video-OGV.ogv" type='video/ogg; codecs="theora, vorbis"'>
    <object data="https://s3.amazonaws.com/paleojumpstart/paleovideos/Paleo+Sales+Video.mp4" width="720px" height="420px">
        <embed type="application/x-shockwave-flash" src="https://s3.amazonaws.com/paleojumpstart/paleovideos/Paleo_Sales_Video-Flash.flv" width="720px" height="420px">
    </object>
</video>

编辑：我意识到我没有在Amazon s3上正确设置权限。这解决了FF问题。但是，IE仍然没有工作。

EDIT2：如果我在本地打开页面，IE将播放视频，但不会从我的服务器打开。

Answer 1

有关格式兼容性，请参阅以下页面：WebM，Mp4和Ogg。 FireFox仅支持WebM和Ogg。 IE不支持标准<source标记。以下是MSDN的代码摘录：

<video width="400" height="300" poster="frame.png" autoplay controls loop>
    <source src="video.ogv" type='video/ogg; codecs="theora,
     vorbis"'>
    <source src="video.mp4" type='video/mp4; codecs="avc1.42E01E,
     mp4a.40.2"'>
 </video>

您可以在此页面上测试视频格式的可营销性：http://ie.microsoft.com/testdrive/Graphics/VideoFormatSupport/Default.html

让视频显示在IE和FF中

1 个答案: