jq控制视频播放和暂停以及声音
时间:2023-06-19 来源:本站
在网站开发的过程中,我们常常需要添加一些视频来让网站内容更加丰富,比如说网页中有一个按钮,点击按钮后,视频弹到浮层中打开并播放,再加一个按钮,点击关闭这个视频,我们在实际应用中这会遇到这样的问题,关闭了按钮,声音依旧在,所以我们可以使用以下的方式来关闭声音。
$("video").prop('muted', true);
但是如果使用这样关闭声音,但是视频其实还是在一直播放。所以我们需要使用
$("video").trigger('play');
这样的代码来实现播放和关闭的效果。
完整的代码如:
<script>
$("#tcclick").click(function(){ //点击按钮
$("#quote").css("display","block"); //点击按钮时显示播放的DIV层
$("#myVideo").trigger('play'); //点击按钮时视频播放
});
$("#closetc").click(function(){ //点击关闭按钮
$("#quote").css("display","none"); //点击按钮时隐藏视视频播放的DIV层
$("#myVideo").trigger('pause'); //点击按钮时暂停视频播放
});
</script>