<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 — பின்னணி வீடியோக்களுக்கு (பெரும்பாலான உலாவிகள் தன்னியக்க ஆடுவதை அனுமதிக்க 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 தூண்டுகின்றன।
வடிவ fallback வடிவங்கள், muted-புறம்-தன்னியக்க-ஆடுதல் விதியை, மற்றும் preload செயல்திறனுக்கு அறிதல் மீடியாவை உட்பொதிப்பதின் நடைமுறை இன்றியமையாமற்றை அடக்கினுந்து।