Javascript 视频标签现在在Safari中不起作用

下面的代码使视频标签在IE9、Chrome和Firefox中工作。然而，我不能让它在Safari工作

<video width="400" height="300" controls="controls" poster="ContractorTestingVideos/cntrtest1.jpg">
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.ogg" type="video/ogg; codecs='theora, vorbis'"></source>
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.ogg" type="video/webm; codecs='vp8, vorbis'"></source>
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.m4v" type="video/x-m4v"></source>
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.mp4" type="video/mp4; codecs='avc1.42E01E, mp4a.40.2'"></source>
</video>

所以为了狩猎，我试过这个

<video width="400" height="300" controls="controls" poster="ContractorTestingVideos/cntrtest1.jpg" src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.mp4"></video>

还是不行。我确实将url直接粘贴到Safari地址栏中，它确实带回了视频并播放了它

关于如何让html5视频标签在safari中工作有什么想法吗？

---

我的Safari版本是5.0.5（7533.21.1），我正在一台64位虚拟机上工作，操作系统是Windows 7

请尝试重新排列视频源列表，以使您的.mp4视频优先。出于某种原因，我从来都无法在移动Safari上播放视频，也很少能在桌面Safari上不这样做

像这样：

<video width="400" height="300" controls="controls" poster="ContractorTestingVideos/cntrtest1.jpg">
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.mp4" type="video/mp4; codecs='avc1.42E01E, mp4a.40.2'"></source>
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.ogg" type="video/ogg; codecs='theora, vorbis'"></source>
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.ogg" type="video/webm; codecs='vp8, vorbis'"></source>
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.m4v" type="video/x-m4v"></source>
</video>

---

尝试重新排列视频源列表，使.mp4视频优先。出于某种原因，我从来都无法在移动Safari上播放视频，也很少能在桌面Safari上不这样做

像这样：

<video width="400" height="300" controls="controls" poster="ContractorTestingVideos/cntrtest1.jpg">
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.mp4" type="video/mp4; codecs='avc1.42E01E, mp4a.40.2'"></source>
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.ogg" type="video/ogg; codecs='theora, vorbis'"></source>
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.ogg" type="video/webm; codecs='vp8, vorbis'"></source>
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.m4v" type="video/x-m4v"></source>
</video>

---

Safari Desktop支持MP4，但您需要安装Quicktime才能使其正常工作，这是不允许的，您不能强制客户端安装Quicktime

你最好考虑一个flash回退，把它包括在你的视频标签中

 <object type="application/x-shockwave-flash" data="video/video.swf" id="video_background">
    <param name="movie" value="video/video.swf" /></object>

注意：iOS并不是h.264提供的所有配置文件

资料来源：

---

Safari Desktop支持MP4，但您需要安装Quicktime才能使其正常工作，这是不允许的，您不能强制客户端安装Quicktime

你最好考虑一个flash回退，把它包括在你的视频标签中

 <object type="application/x-shockwave-flash" data="video/video.swf" id="video_background">
    <param name="movie" value="video/video.swf" /></object>

注意：iOS并不是h.264提供的所有配置文件

资料来源：

---

那个项目是三年前的。有趣的是，在我让它工作之后，他们没有使用视频，而是去看我用jquery插件处理的幻灯片。但你的回应，如果非常及时的另一个项目，我的工作。我在你的答案上做了标记，希望任何读到这篇文章的人都能在他们的解决方案中包括你的贡献，这个项目是三年前的。有趣的是，在我让它工作之后，他们没有使用视频，而是去看我用jquery插件处理的幻灯片。但你的回应，如果非常及时的另一个项目，我的工作。我在你的答案上做了标记，希望任何阅读本文的人都能在他们的解决方案中加入你的贡献