移动safari中的Html5视频延迟

Question

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

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

当我打开我的页面时，我看到了黑框。4-5秒后显示播放图标。是否可以立即看到此播放图标？我试着做一个进度条或别的什么，并检查了所有媒体事件-> http://dev.w3.org/html5/spec/single-page.html#mediaevents。

但看起来这个问题不是与我的视频有关，而是与需要时间加载的快速时间有关。我说的对吗？或者有一种解决方法？

我可以做的一件事是先初始化视频，然后通过js显示它。

Answer 1

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

Answer 2

你能做的就是使用视频标签的海报设置：

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

这应该会导致图像在下载后立即显示，然后在播放器和vid加载后下载播放按钮。

玩得开心,

jascha

Answer 3

听起来索引在文件的末尾：How to get your HTML5 MP4 video file to play before being fully downloaded。