Question

我有这个工作在Opera，Chrome和Firefox上，但无论出于什么原因，mp4都不会在Safari中加载，并且在IE中忽略了闪回后退，尽管你可以告诉它试图播放，因为海报图片在那里停留了一秒钟然后消失，然后在视频长度后重新出现。这就是我的HTML中的内容：

<video class="fullscreen-bg__video" id="background" poster="/images/videoframe.jpg" muted autoplay>
            <source src="/content/nationals.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2'>
            <source src="/content/nationals.webm" type="video/webm">
            <source src="/content/nationals.ogg" type="video/ogg">
            <object>
             <embed src="/content/nationals.flv" type= "application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="always" />
           </object>
            Your browser does not support the video tag.
        </video>

，该网页的文档类型为<!DOCTYPE html>

任何关于什么不正确的想法？整个星期我几乎整个星期都在这里，我没有运气。谢谢！

Answer 1

将控件添加到您的视频代码中，如下所示：

<video controls="true" class="fullscreen-bg__video" id="background" poster="/images/videoframe.jpg" muted autoplay>

HTML5视频无法在Safari或IE中加载（即使使用闪回后退）

1 个答案: