Jquery 停止()元';不要停止我的视频

Jquery 停止()元';不要停止我的视频,jquery,css,video,Jquery,Css,Video,如果在div中检测到点击,我将尝试停止视频。removeClass工作正常,但我可以听到网页上的声音。当我再次单击链接时,视频似乎正在后台播放。它不会停下来继续玩。我怎样才能很好地控制视频对点击的响应 jQuery(document).ready(function() { jQuery(".netball-intro").click(function() { jQuery(".fullscreen").addClass("is-video-active");

如果在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();
        });
    });
});

我是新的视频元素,我希望我的代码是动态的,这样它可以被重用为其他视频以及。我也不能这样做

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

<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>

$(文档).ready(函数(){
$(“.netball简介”)。单击(函数(){
$(“.fullscreen”).addClass(“是视频活动的”);
$(“#netball intro”).get(0.play();
$(“.fullscreen”)。单击(函数(){
$(this.removeClass(“是视频活动的”);
$(“#netball intro”).get(0.pause();
$(“#netball intro”).currentTime=0;
});    
});
});

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

<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>

$(文档).ready(函数(){
$(“.netball简介”)。单击(函数(){
$(“.fullscreen”).addClass(“是视频活动的”);
$(“#netball intro”).get(0.play();
$(“.fullscreen”)。单击(函数(){
$(this.removeClass(“是视频活动的”);
$(“#netball intro”).get(0.pause();
$(“#netball intro”).currentTime=0;
});    
});
});

您的HTML是什么?如果
.fullscreen
元素位于
.netball intro
中,则事件可能会冒泡并再次调用
play()
。@rorymcrossan my@rorymcrossan我尝试过了.pause(),但我想知道为什么.stop()不起作用。似乎不是视频API,如何使代码动态化,以便使用更多具有不同ID和div的视频。您的HTML是什么?如果
.fullscreen
元素位于
.netball intro
中,则事件可能会冒泡并再次调用
play()
。@rorymcrossan my@rorymcrossan我尝试过了.pause(),但我想知道为什么.stop()不起作用。似乎不是视频API,如何使代码动态化,以便使用更多具有不同ID和div的视频。
currentTime
做什么?另外,当我在页面上看到其他我认为id不相同的视频时,我如何使其更具可重用性,并且get(0)将处理动态代码,并很快返回给您
currentTime
做什么?另外,当我在页面上看到其他视频时,我认为这些视频的id和get(0)不一样,我如何使其更具可重用性?get(0)将处理动态代码,并很快返回给您