在网页开发中,常用的是Jquery这个javascript库,使用JQ很容易就操作html5的视频播放,暂停。
video视频播放:
$("#video1").trigger("play");
video视频暂停:
$("#video1").trigger("pause");
jq判断video视频是否播放状态
在HTML5视频操作中,我们需要点击视频播放,然后点击视频暂停效果。jq没有可以直接判断的,而又不想用DOM来处理的话,我们可以在某个VIDEO元素设置播放时,给其添加一个CSS样式名来设置当前是播放状态,再次点击时通过样式的名称来判断视频是否播放状态。实例代码如下:
<script>
if(!$(".swiper-slide-active video").hasClass("pause")) {
$(".swiper-slide-active video").trigger("play");
$(".swiper-slide-active video").addClass("pause");
} else {
$(".swiper-slide-active video").trigger("pause");
$(".swiper-slide-active video").removeClass("pause");
}
</script>