【发布时间】：2013-01-29 18:54:58
【问题描述】：
我们已经建立了我们的视频网站，以流式传输适合所有浏览器的视频 - 用于 Firefox/Chrome 的 OGV、用于 IE 的 Flash 和用于 Safari 的 MP4。具体来说，我们的视频标签是：
<video id="movie" width="100%" height="100%" autoplay="autoplay" controls="" preload="" tabindex="0">
<source src="video.mp4"></source>
<source type="video/ogg;" src="video.ogv"></source>
<object id="moduleHolder" width="800" height="500" type="application/x-shockwave-flash" data="webplayer.swf" style="visibility: visible;">
<param name="allowfullscreen" value="true">
</object>
</video>
在 FF/Chrome/IE 中一切正常，但在 Safari 中，视频开始播放之前有很长的缓冲时间。
我们尝试使用 QTIndexSwapper 应用程序将 MOOV 放置在文件的开头，但显然元数据已经位于开头：
Error: MOOV is in proper place, processing not needed
OGV 和 MP4 文件的大小相似，因此我认为这不是互联网连接问题，因为 OGV 电影几乎可以立即加载。
MP4文件采用Adobe Media Encoder CS5编码，具体细节如下：
多路复用器： MP4，标准流兼容性
视频： 800 x 600, 29.97fps, Main Profile, Level 4.2 VBR 2-pass，1.5Mbps（目标），2Mbps（最大）
音频： AAC，160 kbps
“使用最高渲染质量”复选框已选中。
我们认为这是一个编码问题，但几周前这些文件又可以正常播放了。非常感谢任何想法或指针。
【问题讨论】：
-
可以在pie.med.utoronto.ca/TVASurg/TVASurg_content/assets/videos/… 找到演示。请注意，该视频是外科手术的教学视频，包含从 1:30 开始的手术镜头。
标签： html5-video mp4 buffering performance