在网页开发中,常用的是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>