Есть 4 видео, что написать в функцию js
чтобы переключиться на следующее видео с 1-го на 2-ое, со 3-его на 4-ое и ,с 4-ого на 1-ое видео?
var videos = {
'videos_list_0': [
"videos/01.ObstacleCourse_Eng_Master.mp4",
"videos/03.Work_Eng_Master.mp4",
"videos/06.GoingOut_Eng_Master.mp4",
"videos/09.Selfie_Eng_Master.mp4"
]
};
(function() {
var video = document.querySelectorAll('video[data-videolist]');
for (var i = 0; i < video.length; i++) {
var n = video[i].hasAttribute('data-video') ? Number(video[i].getAttribute('data-video')) : 0,
r = video[i].getAttribute('data-reiteration') == 'true' ? true : false,
ap = video[i].getAttribute('data-autoplay') == 'true' ? true : false,
vl = video[i].hasAttribute('data-videolist') ? video[i].getAttribute('data-videolist') : null;
if (videos[vl]) {
video[i].src = videos[vl][n];
if (ap) {
video[i].play();
};
video[i].video = n;
video[i].onended = function() {
if (this.video == videos[vl].length - 1) {
if (r) {
this.video = 0;
this.src = videos[vl][0];
this.play();
};
} else {
this.video = this.video + 1;
this.src = videos[vl][this.video];
this.play();
};
};
} else {
console.error('Undefined video list!');
};
};
}());
<div class="tab-pane" id="tabs1">
<div id="slider">
<input type="radio" name="slider" id="slide1" checked="">
<input type="radio" name="slider" id="slide2">
<input type="radio" name="slider" id="slide3">
<input type="radio" name="slider" id="slide4">
<div id="slides">
<div id="overflow">
<div class="inner">
<div class="page">
<video data-videolist="videos_list_0" data-video="0" data-reiteration="true" data-autoplay="true" controls=""></video>
</div>
</div>
</div>
</div>
<div id="active">
<label for="slide1" class="thumb-1">
</label>
<label for="slide2" class="thumb-2">
</label>
<label for="slide3" class="thumb-3">
</label>
<label for="slide4" class="thumb-4">
</label>
</div>
</div>
<!--slider-->
</div>
dosmth
) запускает воспроизведение видео и вызывает коллбек в событие завершения проигрывания. В этот момент надо перейти к следующему элементу массива (функцияgo
). Чтобы зациклить надо вif (i >= data.length) {
вместоreturn
сделатьi=0
. ru.stackoverflow.com/a/708782/178988 - вот этот ответ. Но и ответ с промисом тоже подходит.