نمایش ویدئو

سلام
یه سوال مبتدیانه دیگه دارم . چطوری میتونم چنتا ویدئو رو پشت سرهم به ترتیب نشون بدم جوری که وقتی یکی تموم میشه بعدی شروع بشه و وقتی آخری تموم شد دوباره همه از اول شروع بشن؟

فرض اینکه یک لیست از ویدیوها داری میخواهی پشت سرم پخش بشه :

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];

	}

})