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以上浏览器

关键词: html5 video标签

网友留言(0条)

发表评论