我们建立了视频网站,以流式传输适合所有浏览器的视频 - 适用于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,主要配置文件,4.2级 VBR 2通,1.5Mbps(目标),2Mbps(最大)
音频: AAC,160 kbps
选中“使用最大渲染质量”复选框。
我们认为这是一个编码问题,但几周前这些文件再次播放正常。非常感谢任何想法或指示。
答案 0 :(得分:0)
问题似乎是由于内部播放器缓冲才能开始播放。 下面建议的步骤可能对你有帮助。
HTML5 <video> element - buffering size, starting video quickly