jquery判断video视频播放或暂停的代码
javascript paused
属性返回视频是否已暂停(该属性为只读属性,IE8或更早的浏览器不支持该属性),javascript play()
方法用于播放音频或视频,javascript pause()
方法用于暂停当前播放的音频或视频。
只判断视频是否在播放状态
HTML代码:
<div class="video"> <video src="../video/video.mp4" controls> 您的浏览器不支持 video 标签。 </video> </div>
jQuery代码:
var _video = $('.video video')[0]; if(_video.paused){ alert('视频暂停中'); }else{ alert('视频播放中'); }
自定义播放按钮
HTML代码:
<div class="video"> <video src="../video/video.mp4"> 您的浏览器不支持 video 标签。 </video> </div> <div class="videoBtn"> <span></span> </div>
jQuery代码:
$('.videoBtn span').click(function(){ var _video = $('.video video')[0]; if ( _video.paused ) { video.play(); $('.videoBtn').hide(); } else { video.pause(); $('.videoBtn').show(); } return false; });
PS:适用于IE9及IE9以上浏览器
<< 上一篇
下一篇 >>