Javascript jQuery视频已结束，可观看大量视频

我正在连续播放几段视频

当第一个视频结束时，我会问用户一个问题，然后根据他们的回答播放另一个视频。在第二个视频之后，我问用户最后一个问题

问题是，当第二个视频结束时，

。问题1

和

。问题2

再次显示为

块

，因为第一个

上的代码（'end..）

方法再次被触发

我尝试使用

unbind

从视频中删除绑定，但没有成功

下面是我的代码

HTML

<video>
   <source src="1.mp4" type="video/mp4">
</video>

---

还有什么我遗漏的吗？

我建议根据元素的ID解除绑定事件，而不是像@offbeat哺乳类所说的那样改变指令顺序，因为您只想解除绑定这一个，特定的-可能不是所有使用该类的人。这只是语义上的原因。然后，您必须向函数中添加一个事件参数，并按event.target.id获取id（如果我记得很清楚的话）。

看起来您在解除绑定之前正在删除该类event@Offbeatmammal啊，很好，这是一个很好的叫喊…我现在没有代码在我面前，但我想这就是它。。。谢谢

$('.video-one').bind('ended',function(){
    $(this).removeClass('video-one');
    $(this).addClass('video-two');
    $('#video-background').css('display', 'none');
    $('.question-one').fadeIn('slow');
    $('.video-one').unbind('ended');
});

$('.question-one').click(function(){
    $('.question-one').css('display', 'none');
    $('#video-background').css('display', 'block');
    $('video').attr('src', '2.mp4'); 
});

$('.video-two').bind('ended',function(){
    $(this).removeClass('video-two');
    $(this).addClass('video-three');
    $('#video-background').css('display', 'none');
    $('.question-two').fadeIn('slow');
    $('.video-two').unbind('ended');
});