您好,我正在为 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>
以及视频的 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>
另一种解决方案是调用:
video.load()
它将重新显示海报图像。它将在下次交互时重新启动视频,但您可以保存时间戳并根据需要从那里开始播放。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)