移动游猎中的Html5视频延迟

时间:2012-05-22 10:55:12

标签: html5 video safari delay

我有以下问题。我在我的页面上嵌入了视频:

<video id="video_1" width="520" height="360" controls="controls">
    <source src="http://patho/to/video.mp4" type="video/mp4" />
</video>

当我打开我的页面时,我看到黑匣子。 4-5秒后显示播放图标。 是否可以立即看到这个播放图标?我试图做一个进度条或其他东西并检查所有媒体事件 - &gt; http://dev.w3.org/html5/spec/single-page.html#mediaevents

但看起来这个问题与我的视频无关,但需要时间加载的时间很短。我对吗 ?或者有一个解决方法吗?

我能做的一件事就是先提前录制视频,然后通过js显示它......

3 个答案:

答案 0 :(得分:0)

看一下关于预加载的这个document?如果你的文件很大,那么什么也都做不了。 PS:IOS有自己的方式播放html5视频,硬件加速并通过系统黑客在浏览器上方显示。这就是为什么我认为没有什么可以做的。

答案 1 :(得分:0)

您可以使用视频标记的海报设置:

<video poster="http://link.to/poster.png">
    <source ... />
</video>

这会导致图像在下载后立即显示, 然后在加载播放器和视频后下载播放按钮。

玩得开心,

雅舍

答案 2 :(得分:-1)

听起来好像索引位于文件的末尾:How to get your HTML5 MP4 video file to play before being fully downloaded