Как сделать так чтобы после прокрутки страницы останавливалось видео

Question

Помогите. Как сделать так, чтобы после прокрутки видео ставилось на стоп, либо пропадало?

   var video;
window.onload = function() {
 video = document.getElementById("zeromp4video");
}
$(document).on('click', '.PlayPauseVideo', function() {
 if (video.paused) {
   video.play();
 } else {
   video.pause();
 }
});
</script>

Answer 1

если еще актуально или может кому-нибудь понадобится сделать ленивую загрузку видео:

const lazyVideos = $("video.lazy-video");

function preloadVideo($video) {
    $video.find("source").each(function() {
        $(this).attr("src", $(this).data("src"));
    });
    $video[0].load();
}

if ("IntersectionObserver" in window) {
    let lazyVideoObserver = new IntersectionObserver(function(entries, observer) {
        entries.forEach(function(entry) {
            if (entry.isIntersecting) {
                const $video = $(entry.target);
                preloadVideo($video);
                lazyVideoObserver.unobserve(entry.target);
            }
        });
    });

    lazyVideos.each(function() {
        lazyVideoObserver.observe(this);
    });

БЛОГ НА HUSL

Как сделать так чтобы после прокрутки страницы останавливалось видео

Ответы (1 шт):