gpt4 book ai didi

javascript - 如何使用 JavaScript 暂停 HTML5 视频?

转载 作者:数据小太阳 更新时间:2023-10-29 04:33:50 24 4
gpt4 key购买 nike

<分区>

最初视频是隐藏的。单击 ID 为 3 的图像时,视频可见。我放置了一个 ID 为 close_video 的按钮,它将隐藏播放器。问题是单击按钮后它仍在运行视频。如何暂停视频?

代码是:

<div id="video" class="popup-video">
<div class="video">
<div class="close_video" id="close_video">
</div>
<video id="id_video" width="400" height="257" controls="controls" preload="auto">
<source src="{$content_dir}themes/trendy/video/Wildlife.mp4" type="video/mp4"/>
</video>
</div>
</div>

<script>
$(document).ready(function(){
$('#3').click(function(){
$("#video").removeClass("popup-video").addClass("popup-video-show");
});
});
</script>
<script>
$(document).ready(function(){
$('#close_video').click(function(){
$("#video").removeClass("popup-video-show").addClass("popup-video");
});
});
</script>

我也试过这个:

<script>
$(document).ready(function(){
$('#close_video').click(function(){
$("#video").removeClass("popup-video-show").addClass("popup-video");
document.getElementById('id_video').pause();
// and $("#id_video").pause();
});
});
</script>

还是没有效果。视频消失,但仍在播放。

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com