HTML5 में साइट बैकग्राउंड में वीडियो कैसे जोड़ें?

बैकग्राउंड वीडियो सेटअप

वीडियो चलाने या रोकने के लिए एक बटन जोड़ें। फिर हमने वीडियो को 100% ऊंचाई और चौड़ाई के लिए स्टाइल किया है ताकि यह पूरे बैकग्राउंड को कवर करे।

HTML5 में साइट बैकग्राउंड के रूप में वीडियो सेट करने का कोड स्निपेट

<video autoplay muted loop id="myVideo">
  <source src="demo.mp4" type="video/mp4">
  Your browser does not support HTML5 video.
</video>

वीडियो को पॉज़/प्ले करने के लिए फ़ंक्शन

function display() {
    if (video.paused) {
        video.play();
        btn.innerHTML = "Pause the video!";
    } else {
        video.pause();
        btn.innerHTML = "Play";
    }
}

नोट: muted एट्रिब्यूट अधिकांश ब्राउज़र्स में ऑटोप्ले के लिए आवश्यक है।