当前位置:龙哥网 > 网络技术 > jquery判断video视频播放或暂停的代码

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

longge5个月前 (12-17)网络技术83

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

免责声明
本站部分资源来源于互联网 如有侵权 请联系站长删除
龙哥网是优质的互联网科技创业资源_行业项目分享_网络知识引流变现方法的平台为广大网友提供学习互联网相关知识_内容变现的方法。#转载请注明出处!