<audio> na <video> vinaingiza media kwa asili, na vidhibiti vya kujenga na API ya JavaScript — hakuna plugins inayohitajika.
html
Your browser does not support video.
controls — bila hiyo, hakuna kiolesura kinachoonyeshwa (utaweza kudhibiti kupitia JS).<source> nyingi — kivinjari kinatumia muundo wa kwanza ambao kinaunga mkono (WebM/MP4 kwa usambazaji wa kivinjari).poster — picha ya kiolezo kabla ya uchezaji.preload — none / metadata / auto; tumia metadata ili kuepuka kupakua faili kubwa hadi itakapohitajika.autoplay muted loop — kwa video za nyuma (kivinjari nyingi zaidi kinachohitaji muted kuruhusu uchezaji otomati).<track> — maandishi/subtitle kwa upatikanaji (faili la .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> inafanya kazi kwa njia sawa, lakini bila sura ya macho/kiolezo.
Elements ya media ya asili inakupatia uchezaji wa ushirika wa kivinjari, upatikanaji (maandishi kupitia <track>), na API ya JS kamili kwa waigizaji wa kaida.
Kujua muundo wa fallback ya muundo, kanuni ya muted-kwa-uchezaji-otomati, na preload kwa utendaji inaegea essentials ya vitendo vya kuingiza media.