2

我对所有这些 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 上进行编辑时，我可以在本地的这些站点上进行预览（当然，我认为当我将它上传到主机时它会起作用）。当它上传到主机然后访问时，这给了我问题。

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

4

1 回答 1

2

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

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

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

于 2013-10-06T04:15:28.333 回答