HTML 5 视频只触发一次播放

问题描述 投票:0回答:0

一旦元素在视口中,我就使用脚本播放 html5 视频。播放视频后,我希望它保持暂停状态,但是一旦我开始滚动视频,视频就会再次开始播放。知道如何只触发播放一次吗?

脚本:

jQuery.fn.isInViewport = function() {
    var elementTop = jQuery(this).offset().top;
    var elementBottom = elementTop + jQuery(this).outerHeight();

    var viewportTop = jQuery(window).scrollTop();
    var viewportBottom = viewportTop + jQuery(window).height();

    return elementBottom > viewportTop && elementTop < viewportBottom;
};

jQuery(window).on('resize scroll', function() {
    if (jQuery('.videoblock').isInViewport()) {
jQuery('video.full_screen_sections_video').trigger('play');
    } 
});

编辑:我在函数中添加了

jQuery(this).removeClass('videoblock');
。这解决了它,不确定那是最好的方法吗?

javascript jquery html5-video
© www.soinside.com 2019 - 2024. All rights reserved.