移动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

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

Answer 3

你可以做的是使用视频标签的海报设置：

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

这应该导致其下载后立即被显示的图像， 然后下载播放按钮，一旦球员和vid被加载。

有乐趣，

雅舍