jquery判断video视频播放或暂停的代码

admin

发表文章数:3203

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

未经允许不得转载:作者:admin, 转载或复制请以 超链接形式 并注明出处 夜河资源网
原文地址:《jquery判断video视频播放或暂停的代码》 发布于2019-04-19

分享到:
赞(0) 打赏

评论 抢沙发

6 + 9 =


撰写不易~如果您觉得文章对您有帮助的话可以打赏我哦~谢谢亲亲~

支付宝扫一扫打赏

微信扫一扫打赏

外服网游加速器破解版
包含腾讯网游加速器、海豚网游加速器等八款知名加速器,可加速外服游戏,永久包售后包更新,不定时添加新款破解版加速器!
切换注册

登录

忘记密码 ?

切换登录

注册