HTML5-এ সাইটের ব্যাকগ্রাউন্ডে ফুল-স্ক্রিন ভিডিও যোগ করার পদ্ধতি

CSS + HTML5 Video দিয়ে ফুল-স্ক্রিন ব্যাকগ্রাউন্ড ভিডিও

ভিডিওকে পেজের পেছনে ঠিক করে রাখতে position: fixed, width: 100%, height: 100%, z-index: -1 ব্যবহার করুন।

HTML

CSS
const video = document.getElementById('myVideo');
const btn = document.getElementById('btn');

function toggleVideo() {
  if (video.paused) {
    video.play();
    btn.textContent = 'Pause the video!';
  } else {
    video.pause();
    btn.textContent = 'Play';
  }
}

টিপ: মোবাইল ব্যান্ডউইথ বাঁচাতে preload="metadata" ব্যবহার করুন এবং ভিডিও ফাইল কंপ্রেসড রাখুন।