PDA

View Full Version : مبتدی: نمایش ویدئو



hooooman
جمعه 12 مهر 1398, 12:01 عصر
سلام
یه سوال مبتدیانه دیگه دارم . چطوری میتونم چنتا ویدئو رو پشت سرهم به ترتیب نشون بدم جوری که وقتی یکی تموم میشه بعدی شروع بشه و وقتی آخری تموم شد دوباره همه از اول شروع بشن؟

firebox
جمعه 12 مهر 1398, 13:06 عصر
فرض اینکه یک لیست از ویدیوها داری میخواهی پشت سرم پخش بشه :

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