我有以下问题。我在我的页面上嵌入了视频:
<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显示它......
答案 0 :(得分:0)
看一下关于预加载的这个document?如果你的文件很大,那么什么也都做不了。 PS:IOS有自己的方式播放html5视频,硬件加速并通过系统黑客在浏览器上方显示。这就是为什么我认为没有什么可以做的。
答案 1 :(得分:0)
您可以使用视频标记的海报设置:
<video poster="http://link.to/poster.png">
<source ... />
</video>
这会导致图像在下载后立即显示, 然后在加载播放器和视频后下载播放按钮。
玩得开心,
雅舍
答案 2 :(得分:-1)