HTML5视频在Safari中无法播放

Question

我一直在开发一个HTML5视频实现，但我遇到了一些问题。我一直在遵循http://diveintohtml5.info/video.html的指南。我有编码的所有视频的.m4v，.ogv和.webm版本。Chrome和Firefox播放这段视频没有任何问题。当我尝试在Safari中播放它时，它加载视频容器，但不加载视频。您会看到视频、控件和“加载”文本所在的空白区域。在Web Inspector的网络选项卡中，视频的状态为"pending“，mime类型为"undefined”。有趣的是，我只在暂存站点上遇到了这个问题，而它在我本地的开发人员上工作得很好。

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

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。

有什么想法吗？谢谢!

Answer 1

Well...it发现出现这个问题是因为我使用.htaccess对目录进行密码保护。有趣的是，除了Safari之外的所有浏览器都允许访问视频文件。感谢那些帮助我们的人！

Answer 2

尝试编码为mp4并替换此文件而不是m4v格式，更新您的代码并运行。工作很好。