2017-08-25 2 views
0

jquery inview plugin topを使用すると、表示されているときに自動的に動画が再生されます。私はビデオのIDを使用することはできませんのでセレクタとしてhtml5 <video>を使用し、すべてのビデオは常に再生を開始しています。再生/一時停止トリガを、現在イベントをトリガしている他の要素すべてを無視している1つの要素のみにポイントするにはどうすればよいですか?html5 jqueryとinviewの動画 - 正しい動画要素を指す方法

$('.video-autoplay').on('inview', function(event, isInView) { 
    if (isInView) { 
    $('video').trigger('play'); 
    } else { 
    $('video').trigger('pause'); 
    } 
}); 

多くのおかげで、 C

答えて

0

あなたはthisを利用することができます。詳細については、正しい考えに私をもたらしたthis answer.

$('.video-autoplay').on('inview', function(event, isInView) { 
 
    if (isInView) { 
 
    $(this).trigger('play'); 
 
    } else { 
 
    $(this).trigger('pause'); 
 
    } 
 
});

+0

感謝を参照してください。 :-) "これは小さな編集で動作します。最初のセレクタ$( '。video-autoplay')は、ビデオ要素をトリガする必要があるため、$( '。video-autoplay video')のような動画要素を含む必要があります。 –

関連する問題