Question

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

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，我不是专家......所以也许有人可以帮我一把。

任何提示都表示赞赏。

TH

Answer 1

我意识到这是一个非常古老的问题，但我遇到了你所遇到的确切问题，并花了很多时间找到这个问题：

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

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

使用Safari 5.0.5的Html5视频不起作用（mp4）

1 个答案: