一旦元素在视口中,我就使用脚本播放 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');
。这解决了它,不确定那是最好的方法吗?