<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 આપે છે।
ફોર્મેટ-ફોલબેક પેટર્ન, muted-ફોર-autoplay નિયમ, અને કર્મક્ષમતા માટે preload જાણવું મીડિયા એમ્બેડ કરવાના વ્યવહારિક આવશ્યકતાઓને આવરે છે.