0

2つのビデオが含まれているiPadHTMLアプリに取り組んでいます。HTMLコードは動的にロードされます。このページには、それに対応するテキストを含む2つのビデオがあります。ビデオにも2つのコントロールしかありません。再生して一時停止します。しかし、私が抱えている問題は、もう一方が再生しているときにのみビデオが一時停止することです。基本的に、私の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!');
    }

});
4

2 に答える 2

0

あなたのhtmlがなければ、私には確信が持てないので、私は推測することしかできません。

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

この行をに変更します

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

より明確な答えを得るには、HTMLコードを提供してください。

于 2012-05-31T04:24:44.400 に答える
0

それは実際に私のCSSにありました。ビデオの前にオーバーレイがありませんでした。そこで、z-index をより高い値に変更して修正しました。再生ボタンが前にあったので、オーバーレイではなくビデオを再生していました。どっ！

于 2012-06-01T01:47:32.690 に答える