<audio> आणि <video> मीडिया मूळपासून एम्बेड करतात, अंतर्निर्मित नियंत्रण आणि JavaScript API सह — कोणत्याही प्लगइनची आवश्यकता नाही।
html
Your browser does not support video.
controls — याशिवाय, कोणतेही UI दिसत नाही (JS द्वारे नियंत्रण)।<source> — ब्राउজर पहिला समर्थित स्वरूप वापरतो (WebM/MP4 क्रॉस-ब्राउজरसाठी)।poster — प्ले करण्यापूर्वी प्लेसहोल्डर प्रतिमा।preload — none / metadata / auto; आवश्यक होईपर्यंत मोठ्या फाइल डाउनलोड करू नये म्हणून metadata वापरा।autoplay muted loop — पार्श्वभूमी व्हिडिओसाठी (बहुतांश ब्राउजरला autoplay अनुमती देण्यासाठी muted आवश्यक आहे)।<track> — सुलभतेसाठी शीर्षक/उपशीर्षक (.vtt फाइल)।const v = document.querySelector("video");
v.play(); // returns a promise (may reject if autoplay blocked)
v.pause();
v.currentTime = 30; // seek to 30 seconds
v.volume = 0.5;
v.addEventListener("ended", () => console.log("finished"));
<audio> समानरूपे कार्य करते, फक्त व्हिজुअल फ्रेम/पोस्टरशिवाय।
मूळ मीडिया घटक क्रॉस-ब्राउজर प्लेबॅक, सुलभता (<track> द्वारे शीर्षक), आणि कस्टम प्लेयरसाठी संपूर्ण JS API प्रदान करतात।
फॉरमॅट-फॉलबॅक पॅटर्न, autoplay साठी muted नियम, आणि कार्यक्षमतेसाठी preload जाणून घेणे मीडिया एम्बेड करण्याच्या व्यावहारिक आवश्यकतेचा समावेश करते।