Question

如果在div中检测到点击，我试图停止视频。 removeClass工作正常，但我可以听到网页上的声音。当我再次点击链接时，视频似乎在后台播放。它不会停止并继续播放。如何才能对视频响应点击进行精细控制？

jQuery(document).ready(function() {
    jQuery(".netball-intro").click(function() {
        jQuery(".fullscreen").addClass("is-video-active");
        jQuery("#netball-intro").get(0).play();

        jQuery(".fullscreen").click(function(){
            jQuery(this).removeClass("is-video-active");
            jQuery("#netball-intro").get(0).stop();
        });
    });
});

我是视频元素的新手，我希望我的代码是动态的，因此它也可以重复用于其他视频。我也无法做到这一点。

Answer 1

希望这对你有用。尝试动态代码

<script>
$(document).ready(function() {
    $(".netball-intro").click(function() {
        $(".fullscreen").addClass("is-video-active");
        $("#netball-intro").get(0).play();

        $(".fullscreen").click(function(){
            $(this).removeClass("is-video-active");
            $("#netball-intro").get(0).pause();
            $("#netball-intro").currentTime = 0;
        });    

    });
});
</script>

停止（）不会停止我的视频

1 个答案: