视频无法在Safari和IE9上播放，但在Chrome和Firefox上播放完美

Question

我对所有这些HTML业务都很陌生，但我设法学习到足以让它暂时在线：（www.authenticchronicles .COM）。

现在，它只有两页，这是“关于”页面是什么给我一些问题。花了大约3-4个小时试图解决这个问题后，我准备放弃！也许这里有人可以提供一些见解？ FWIW，我使用Dreamweaver把它放在一起。

我发誓，我的HTML是正确的：

<video id="video_background" preload="auto" autoplay loop muted volume="0"> 
<source src="movies/about.mp4" type="video/mp4"> 
<source src="movies/About.webmhd.webm" type="video/webm"> 
<source src="movies/About.ogv" type="video/ogg"> 
</video> 

和它的作品......一个点。只有Chrome和Firefox会实际加载背景循环视频（我使用CSS将其放置在背景中）。 Safari和IE9无法加载，只是一个空白的框。

我甚至尝试加入这个到什么是以前空白编辑htaccess文件：

AddType video/mp4 .mp4 
AddType video/ogg .ogv 
AddType video/webm .webm 

我试图更新我的浏览器等等，应有尽有。我在HTML的顶部列出了正确的doctype：

我不知道发生了什么事情。有趣的是，当我在Dreamweaver上进行编辑时，我可以在本地对这些网站进行PREVIEW（很自然，我认为它会在我将其上传到主机时起作用）。这是当它上传到主机，然后访问这给我的问题。

我很抱歉，如果这似乎是多余的和简单的修复。我发誓我尽可能多地完成了研究，并试图尽可能地理解。在这一点上，我完全陷入了困境。任何深入了解这个问题，非常感谢〜

Answer 1

我不能确定有关解决方案，但这里的东西来测试：尝试添加属性“控制”的视频标签，如：

<video id="video_background" preload="auto" controls autoplay loop muted volume="0"> 

在哪里我要与此同时，'自动播放'视频标签属性并不总是由所有浏览器（它可能是恼人的，侵入性的，和带宽密集型）承认。通过询问控件，您可以将鼠标悬停在空白视频区域上并按下播放按钮。这将验证IE9和Safari是否至少能够播放视频。