带有 Safari 5.0.5 的 Html5 视频不起作用 (mp4)答案

【问题标题】：Html5 Video with Safari 5.0.5 does not work (mp4)带有 Safari 5.0.5 的 Html5 视频不起作用 (mp4)
【发布时间】：2011-12-23 12:50:47
【问题描述】：

我目前正在开发一个 Intranet 应用程序，大多数用户在 Mac OS X 10.6.8 上使用 Safari 5.0.5。应用程序任务之一是向用户显示不同的 mp4 视频。为此，我正在使用 HTML5 视频标签。我的网络服务器接受范围以支持流式传输。

Html 标记定义如下：

<video width="640" height="360" controls autoplay>

<source src="http://MyHost/MyApp/Resources/TestVideo.mp4" type="video/mp4"  />

<!-- fallback to Flash: -->

<object width="640" height="360" type="application/x-shockwave-flash" data="player.swf">


    <param name="movie" value="player.swf" />

    <param name="flashvars" value="autostart=true&amp;controlbar=over&amp;image=poster.jpg&amp;file=http://MyHost/MyApp/Resources/TestVideo.mp4" />

    <!-- fallback image -->

    <img src="poster.jpg" width="640" height="360" 

         title="No video playback capabilities, please download the video below" />

</object></video>

IE9 和 Chrome 可以毫无问题地播放该视频。但是，Mac OS X 上的 Safari 5.0.5 根本无法播放。它只是没有做任何事情。令人惊讶的是，Win32 上的 Safari 5.0.5 可以毫无问题地播放视频。不幸的是 - 由于某种原因我还没有弄清楚 - Safaris WebInspector 的“网络”窗格不可用。因此，我无法更深入地了解现在正在发生的事情。我不是 Mac OS X 方面的专家......所以也许有人可以帮我看看。

感谢任何提示。

【问题讨论】：

您测试的 Mac 上是否安装了 QuickTime？

标签： html video safari

【解决方案1】：

我意识到这是一个非常古老的问题，但我遇到了您遇到的确切问题，并且花了很多时间来解决这个问题：

确保<source> 的src 是完整的URL，而不是相对的。出于某种原因，src 之类的 http://example.com/video.mp4 在 Safari 5.0.5/OS X 10.6.8 中有效，但在 /video.mp4 中无效。

这似乎没有任何理由。这只是一个浏览器错误。

【讨论】：