小编use*_*130的帖子

当 HTML5 视频暂停时显示海报图像或暂停按钮?

嗨,我正在为 iPad 编写一个本地站点,并且有一个没有控件的视频,单击时可以播放和暂停。视频暂停时是否可以显示海报图像?或者在中间显示一个暂停按钮?这是我用于播放和暂停的代码:

<script type='text/javascript'>//<![CDATA[ 
window.onload=function(){
var overlay = document.getElementById('video-overlay');
var video = document.getElementById('video');
var videoPlaying = false;
overlay.onclick = function() {
if (videoPlaying) {
    video.pause();
    videoPlaying = false;
}
else {
    video.play();
    videoPlaying = true;
}
}
}//]]>  

</script>
Run Code Online (Sandbox Code Playgroud)

以及视频的 HTML

<div id='video-overlay'></div>
<video width="768" height="432" poster="thumbnail2.jpg" id='video'>
<source src="PhantomFuse3_TechVideo_h264.mp4"  type="video/mp4">
</video>
Run Code Online (Sandbox Code Playgroud)

html javascript video ipad ios

3
推荐指数
2
解决办法
8870
查看次数

标签 统计

html ×1

ios ×1

ipad ×1

javascript ×1

video ×1