HTML5-এ পেজ লোড होते নিরবচ্ছিন্ন লুপিং ভিডিও প্লে করার পদ্ধতি

<video> ট্যাগের অ্যাট্রিবিউট ব্যবহার করুন

HTML5-এ ভিডিও autoplay এবং loop অ্যাট্রিবিউট দিয়ে স্বয়ংক্রিয় এবং নিরবচ্ছিন্ন প্লে করা যায়।

সম্পূর্ণ উদাহরণ

<video width="600" height="500" autoplay loop>
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  আপনার ব্রাউজার ভিডিও এলিমেন্ট সাপোর্ট করে না।
</video>

• autoplay: পেজ লোড होते প্লে শুরু করুন (আধুনিক ব্রাউজারগুলো মিউট থাকা বাধ্যতামূলক করে: muted যোগ করুন)।
• loop: ভিডিও শেষ হলে আবার শুরু করুন।
• muted: autoplay কাজ করার জন্য প্রায় সব ব্রাউজারে অডিও মিউট থাকা লাগে।

সুপারিশ করা সিনট্যাক্স

<video width="600" height="500" autoplay muted loop>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
</video>

ফলব্যাক (যদি loop কাজ না করে)

const video = document.querySelector('video');
video.addEventListener('ended', () => {
  video.play();
});