HTML5 视频无法在 Safari 中播放答案

【问题标题】：HTML5 Video not Playing in SafariHTML5 视频无法在 Safari 中播放
【发布时间】：2012-01-25 10:50:16
【问题描述】：

我一直致力于实现 HTML5 视频，但遇到了一些问题。我一直在关注http://diveintohtml5.info/video.html 的指南。我已经编码了所有视频的 .m4v、.ogv 和 .webm 版本。 Chrome 和 Firefox 播放视频没有问题。当我尝试在 Safari 中播放它时，它会加载视频容器，但不会加载视频。您会看到视频应位于的空白区域、控件和“加载”文本。在 Web Inspector 的网络选项卡中，视频的状态为“待定”，mime-type 为“未定义”。有趣的是，我只在临时站点上遇到过这个问题，而在我的本地开发人员上却可以正常工作。

当我在本地开发者的浏览器中直接访问视频时，我在控制台中得到以下输出：

Resource interpreted as Document but transferred with MIME type video/x-m4v.
GET http://site.dev/content/videos/movie.m4v Plug-in handled load

请注意，GET 在检查器的左侧有一个小红色 x。

我的 html 代码如下所示：

<video class="html5-video" width="700" controls>
    <source src="content/videos/movie.m4v" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
    <source src="content/videos/movie.webm" type='video/webm; codecs="vp8, vorbis"' />
    <source src="content/videos/movie.ogv" type='video/ogg; codecs="theora, vorbis"' />
    Your browser does not support this video.
</video>

此外，视频约为 20mb。

有什么想法吗？谢谢！

【问题讨论】：

标签： html5-video

【解决方案1】：

尝试编码为 mp4 并将此文件替换为 m4v 格式，更新您的代码并运行。工作正常。

【讨论】：

【解决方案2】：

嗯...事实证明，问题的发生是因为我使用 .htaccess 来密码保护目录。有趣的是，除 Safari 之外的所有浏览器都允许访问视频文件。感谢那些帮助过的人！

【讨论】：