Scroll la urmatorul videoclip

Limbaje de Programare JavaScript / Node
1

Salut! Ma poate ajuta cineva sa fac un sistem care sa dea scroll automat la urmatorul video dupa ce videoclipul actual se termina?

Folosesc videojs iar fiecare videoclip se afla in
<div class="post"> .


var videoList = document.getElementsByTagName("video");
for (var i = 0; i < videoList.length; i++) {

	videoList[i].onended = function(e) {
        
	}
}

Cum as putea sa aflu in ce class=“post” este videoclipul care se termina si cum pot sa dau scroll in jos la urmatorul class=“post” ?

2

Clipul porneste automat sau tu/userii dau click pe clip ca sa-l porneasca?
Daca trebuie sa dai click pe video ca sa proneasca atunci poti folosi eventul onclick si poti salva clipul/element-ul pe care s-a dat click intr-o variabila si poti urmari durata clipului.
O sa ai doua variabile start si end duration de care te poti folosi atunci cand dai play o sa increment pe start iar cand start === end atunci o sa selectezi urmatorul element sau sibling cu clasa “post”. Sau daca folosesti on eneded event Element.nextElementSibling - Web APIs | MDN

Daca le ai toate elementele intr-un array atunci poti pe on click iei index-ul array-ului si adaugi on conditie pe oneneded si incrementezi cu +1 index-ul selectat.

3

clipul incepe automat pe mute

4

Verifica daca elementul curent, cel care se reda are atributul autoplay daca il are atunci pe on endend adaugi scroll la urmatorul element si ii adaugi autoplay

5

Videoclipurile nu au autoplay in html, ele incep cand sunt vizibile cu pluginul jquery.fracs.min.js

                $(this).fracs(function (fracs, prev_fracs) {
                    var video = $(this)[0];
                    if (fracs.visible >= 1) {
                        if (video.paused) {
                            video.play();
                        }
                    } else {
                        if (!video.paused) {
                            video.pause();
                        }
                    }
                });
6 
    $("video.js_videojs").each(function () {
        if ($(this).parents('div.video-js').length == 0) {
            var _id = $(this).attr('id');
            videojs($(this)[0], {}, function () {
                this.on("play", function () {
                    /* pause other video */
                    $(".js_videojs").each(function () {
                        if (_id !== $(this).attr('id')) {
                            this.player.pause();
                        }
                    });
                });
                this.on("ended", function () {
					console.log('video terminat');
					
					$("html, body").animate({ 
						scrollTop: $(this).next()
					}, 200);					
					
                });
            });

Cum pot da scroll la urmatorul element? am incercat cu $(this).next() dar ma duce la primul videoclip

7

Vezi link-urile acestea

Tu trebuie sa gasesti urmatorul element si sa navighezi spre el onended incearca sa adaugi un data attribute de test unde sa adaugi index-ul fiecarui element si sa dai log la elementul curent si urmatorul sa vezi daca le ai selectate corect.