在Safari中不播放HTML5视频

我一直在研究HTML5视频实现，但我遇到了一些问题。我一直在按照http://diveintohtml5.info/video.html的指南。我编码了所有视频的.m4v，.ogv和.webm版本。 Chrome和Firefox不会播放视频。当我尝试在Safari中播放它时，它将加载视频容器，但不加载视频。您会看到视频应该放置的空白区域，控件和“加载”文本。在Web Inspector的网络选项卡中，视频的状态为“挂起”，MIME类型为“未定义”。有趣的是，我只在登台网站遇到这个问题，而在我的本地开发工作正常。在Safari中不播放HTML5视频

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

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的。

有什么想法？谢谢！

来源

2011-12-21 tollmanz

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

来源

2011-12-28 22:03:07 tollmanz

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

来源

2011-12-27 07:47:41 AlexBlink

在Safari中不播放HTML5视频

回答

相关问题