<audio> మరియు <video> స్థానికంగా మీడియాను పొందుపరుస్తాయి, అంతర్నిర్మిత నియంత్రణలు మరియు జావాస్క్రిప్ట్ 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 ను ఇస్తాయి.
ఫార్మాట్-ఫాల్బ్యాక్ నమూనా, muted-ఆటోప్లే నియమం, మరియు preload కార్యప్రదర్శన కోసం వాస్తవ సారాంశాలను కవర్ చేస్తుంది.