فرض اینکه یک لیست از ویدیوها داری میخواهی پشت سرم پخش بشه :
const videoList = [
'video1.mp4'
'video2.mp4'
'video3.mp4'
]
برای پخش پشت سرهم میتومی از رویداد ended استفاده کنی ، به اینصورت که وقتی پخش ویدیو تموم شد ، ویدیو بعدی رو به سورس اضافه کنه.
<video id="videoPlayer" controls> </video>
const video = document.querySelector('#videoPlayer')
let currentItem = 0;
if (!video.src) {
video.src = videoList[currentItem];
}
video.addEventListener('ended', () => {
currentItem++;
if (videoList[currentItem]) {
video.src = videoList[currentItem];
} else {
currentItem = 0;
video.src = videoList[currentItem];
}
})