Question

我一直致力于HTML5视频实施，但我遇到了一些问题。我一直在http://diveintohtml5.info/video.html关注指南。我编写了所有视频的.m4v，.ogv和.webm版本。 Chrome和Firefox在播放视频方面没有任何问题。当我尝试在Safari中播放时，它会加载视频容器，但不会加载视频。您会看到视频应该是的空白区域，控件和“加载”文本。在Web Inspector的网络选项卡中，视频的状态为“待定”，而mime类型为“未定义”。有趣的是，我只在登台网站上遇到这个问题，而它在我的本地开发工作正常。

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

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

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

Answer 2

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

HTML5视频无法在Safari中播放

2 个答案: