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

【问题标题】：Video unable to play on Safari and IE9, but plays perfectly on Chrome and Firefox视频无法在 Safari 和 IE9 上播放，但在 Chrome 和 Firefox 上完美播放
【发布时间】：2013-10-05 05:21:59
【问题描述】：

我对所有这些 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 的顶部列出了正确的文档类型：

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

如果这看起来多余且易于解决，我深表歉意。我发誓我已经做了尽可能多的研究，并试图尽可能多地理解。在这一点上，我完全被难住了。对此问题的任何见解都非常感谢~

【问题讨论】：

标签： html css .htaccess video html5-video

【解决方案1】：

我不确定解决方案，但这里有一些东西要测试：尝试将属性“控件”添加到视频标签，例如：

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

我要说的是，并非所有浏览器都支持“自动播放”视频标签属性（它可能很烦人、侵入性和带宽密集型）。通过请求控件，您将能够将鼠标悬停在空白视频区域并按下播放按钮。这将验证 IE9 和 Safari 是否至少能够播放视频。

【讨论】：