Javascript HTML5视频未暂停

我正在开发一款iPad HTML应用程序，里面有两个视频。HTML代码是动态加载的。该页面有两个视频，文本与之对应。这些视频也只有两个控件。播放并暂停。然而，我遇到的问题是，只有当另一个正在播放时，视频才会暂停。基本上，在我的if/else语句中，根本没有调用else。这是我的密码。有人知道为什么在再次尝试单击覆盖时它不会暂停吗？提前谢谢你

$('div[class*="video-overlay"]').bind('mousedown', function() {

    var video       = $(this).next('video')[0];
    var text        = $(this).attr('data-play');

    if (video.paused) {

        video.play();

        $('p').addClass('fade');
        $('#' + text).removeClass('fade');

        $(this).removeClass('overlay');
        $('div[class*="video-overlay"]').not(this).addClass('overlay');

        $(this).children().removeClass('video-play');

        $('video').not($(this).next(el)).get(0).pause();

        $('.play').not($(this).children()).addClass('video-play');

        $(video).on('ended', function() {
            $(this).prev('div').children().addClass('video-play');
            video.pause();
        });

    } else {

        video.pause();
        console.log('Hey mom, I paused all by myself!');
    }

});

---

没有你的html，我不能确定，所以我只能猜测

var video       = $(this).next('video')[0];

把这行改成

var video       = $(this).find('video')[0];

---

为了得到更明确的答案，请提供您的html代码。

它实际上在我的CSS中。我在视频前面没有覆盖层。所以我把z指数改成了一个更高的值，然后修正了它。我有播放按钮在前面，所以它播放的是视频，只是没有覆盖。啊

在调用pause（）后选中paused（），如果可能，删除其中一个视频，使其成为您正在调试的一个视频。在调试期间，您可能只想将其设为if（paused）play（），else pause（），然后查看是否有效。firebug/f12/etc，并在可能的情况下逐步执行。：）