কম্পিউটার টিউটোরিয়াল

HTML5 ভিডিও/অডিও প্লেলিস্ট বানানোর পদ্ধতি (onended ইভেন্ট ব্যবহার)

onended ইভেন্ট দিয়ে অটো-নেক্সট প্লেব্যাক

ভিডিও বা অডিও শেষ হলে ended ইভেন্ট ফায়ার হয়। এই ইভেন্টে পরবর্তী ক্লিপ লোড করলে প্লেলিস্ট তৈরি হয়।

মেথড ১: অ্যালার্ট/মেসেজ দেখানো


মেথড ২: অটোমেটিক পরবর্তী ভিডিও লোড (প্লেলিস্ট)

 {
  current = (current + 1) % playlist.length;
  video.src = playlist[current];
  video.play();
});
</script>

উন্নত প্লেলিস্ট (UI সহ)

বাস্তব প্রজেক্টে একটি <ul> লিস্টে ভিডিও タイトル রাখুন, ক্লিক করলে video.src চেঞ্জ করুন, এবং ended-এ অটো-নেক্সট লজিক যোগ করুন।

  1. HTML DOM Video volume প্রোপার্টি

  2. HTML DOM Video seeking প্রোপার্টি

  3. HTML DOM Video seekable প্রোপার্টি

  4. HTML DOM Video preload প্রোপার্টি