Question

我有这个脚本，当它到达某个位置（滚动）时会播放视频，但问题是如果你暂停它并继续滚动它会再次开始播放...我试图在滚动功能上做“一个”但这不会起作用，因为它只允许它检查一次仅在屏幕顶部的滚动...

$(window).scroll(function() {

$('.video-panel').each(function(){
    var imagePos = $(this).offset().top;
    var topOfWindow = $(window).scrollTop();
    var myVideo = document.getElementById("lunar-video"); 



    if (imagePos < topOfWindow+$(window).height()/1.4) {
        $(".video-panel video").fadeIn();
        $("#lunar-video").prop('play');
        console.log('blejacki');
        // $(".video-panel").addClass('blejacki');
    }

});

}）;

Answer 1

只需在元素中添加一个类，并检查该类是否已存在。

ng-repeat

在滚动上播放视频但只播放一次

1 个答案: