-
HTML bideo-elementuaren atributuak, propietateak, metodoak eta gertaerak
-
2024ko abuztuaren 26a
-
Elementua video HTML5-en ezaugarri aipagarrienetako bat da, garatzaileei bideoak zuzenean web orrietan txertatzeko aukera ematen baitie, Flash bezalako kanpoko pluginen beharrik gabe. Hainbat atributu, propietate, metodo eta gertaeren bidez , elementua video multimedia edukien erreprodukzioaren kontrol osoa eskaintzen du. Artikulu honetan, ezaugarri horietako bakoitza zehatz-mehatz aztertuko dugu.
Elementu-atributuak video
Elementu-atributuak video Beren portaera eta itxura zuzenean definitzen dute HTMLtik. Atributu garrantzitsuenak behean zerrendatzen dira:
- src: fitxategiaren URLa zehazten du video hori erreproduzitu behar da. Atributu hau hautazkoa da elementuak erabiltzen badira 'source' barruan 'video' .
- controls: Erreprodukziorako arakatzailearen kontrola lehenetsiak erakusten ditu, hala nola erreproduzitzeko botoia, aurrerapen barra, bolumen kontrola, etab.
- autoplay: adierazten du video Ahalik eta azkarren automatikoki erreproduzitzen hasi beharko litzateke, nahikoa kargatu bezain laster.
- loop: egiten du video begizta jarraituan jokatzen du, amaitzen denean berriro hasiz.
- muted: egiten du video soinurik gabe jotzen du.
- poster : bitartean bistaratzen den irudi bat definitzen du video edo erabiltzailea erreproduzitzen hasi arte.
- preload: nabigatzaileari kargatzea nola kudeatu behar duen iradokitzen dio video. Balioak har ditzakezu:
auto (aurrekargatu guztiak video), metadata (metadatuak aurrez kargatu besterik ez dago) edonone(ez kargatu ezer).
- width eta height : Zehaztu pantailaren eremuaren neurriak video pixeletan.
- playsinline: adierazten du video linean jokatu behar da gailu mugikorretan pantaila osoko moduan egon beharrean.
Elementuaren propietateak video
Elementuaren propietateak video ren jokabidea manipulatzeko aukera ematen dizu video JavaScript bidez. Propietate garrantzitsuenak jarraian deskribatzen dira:
- currentTime: Eskuratu edo ezarri uneko erreprodukzio-posizioa video , segundotan. Puntu zehatz batera jauzi egiteko erabilgarria video .
- duration: iraupen osoa ematen du video segundotan. Iraupena eskuragarri ez badago, NaN itzultzen du .
- paused: ala ez adierazten du video une honetan pausatuta dago.
- ended: Erreprodukzioa ala ez adierazten du video amaitu da.
- volume: bolumen-maila lortzeko edo ezartzeko aukera ematen du video. Balioa 0,0 (isiltasuna) eta 1,0 (gehienezko bolumena) artean aldatzen da.
- muted: zehazten du video isilduta dago. Egia edo gezurra ezar daiteke.
- playbackRate: Erreprodukzio-abiadura kontrolatzen du video. 1.0 balio batek abiadura normala adierazten du, balio baxuagoek murrizten duten bitartean eta balio altuagoek handitu egiten dute.
- readyState: kargatzeko egoera itzultzen du video. Balio posibleak hauek dira:
0 (HAVE_NOTHING), 1 (HAVE_METADATA), 2 (HAVE_CURRENT_DATA),
3 (HAVE_FUTURE_DATA)eta 4 (HAVE_ENOUGH_DATA).
- seeking: ala ez adierazten du videohazkuntza-postu berri bat bilatzeko prozesuan dago.
- buffered: objektu bat itzultzen du TimeRanges zatiak adierazten dituena video tamponatu direnak.
- videoWidth eta videoHeight: Itzuli zabalera eta altuera video , hurrenez hurren, pixeletan.
Elementu-metodoak video
Elementu-metodoak video baimendu garatzaileei erreprodukzioa kontrolatzeko video programatikoki. Hemen deskribatzen dira gehien erabiltzen diren metodoak:
- play() : Erreprodukzioa hasten du video. Berak bada video pausatuta dago, metodo honek erreprodukzioa berriro hasiko du.
- pause(): eten ezazu erreprodukzioa video. Berak bada videoDagoeneko pausatuta dago, ez du eraginik.
- load(): kargatu video bere jatorritik. Hau erabilgarria da a birkargatu behar baduzu video arrazoiren bategatik.
- canPlayType(type): Arakatzaileak fitxategi mota zehatz bat erreproduzi dezakeen ala ez adierazten duen balio bat ematen du. video. Balio posibleak hauek dira:
"" (ezezaguna), "probably" (ziurrenik erreproduzigarria) eta "maybe" (agian errepikagarria).
- addTextTrack(kind, label, language): Testu-pista berri bat gehitzen du (adibidez, azpitituluak). video. Parametroa kind izan liteke "subtitles", "captions", "descriptions", "chapters" bai "metadata".
Elementu gertaerak video
Elementu gertaerak video Ezinbestekoak dira erreprodukzioan erabiltzailearen interakzioei eta egoera aldaketei erantzuteko. Jarraian gertakari ohikoenak dira:
- play: abiarazlea denean video erreproduzitzen hasten da, erabiltzailearen ekintza edo metodoaren arabera play() .
- pause: Erreproduzitzean abiarazten da video gelditzen da. Hau gerta daiteke erabiltzaileak pausatzen duenean video edo metodoari deitzen zaionean pause().
- ended: gertatzen denean gertatzen da video iraupenaren amaierara iristen da eta erreproduzitzeari uzten dio.
- timeupdate: Aldian-aldian abiarazten da abestia erreproduzitzen ari den bitartean. video eta uneko erreprodukzio-posizioa aldatzen da.
- volumechange: Bolumenaren bolumena denean gertatzen da video edo mutua aktibatuta/desaktibatuta dago.
- loadeddata: bateria nahikoa kargatuta dagoenean abiarazten du. video erreprodukzioa hasteko prest egon dadin, baina guztiz kargatu baino lehen.
- loadedmetadata: Honen metadatuak agertzen direnean gertatzen da video (adibidez, iraupena, neurriak eta testu-pistak).
- canplay : adierazten du video erreproduzitzen has daiteke, baina oraindik ez dago nahikoa kargatuta pausarik gabe guztiz erreproduzitzeko.
- canplaythrough: nabigatzaileak estimatzen duenean abiarazten da video Osorik erreproduzitu daiteke etenik gabe.
- seeking: bilaketa-eragiketa bat hasten denean gertatzen da, hau da, erabiltzaileak edo script-ak erreprodukzio-posizioa aldatzen duenean.
- seeked: bilaketa-eragiketa bat amaitzean jaurtitzen da.
Elementua video erreprodukziorako malgutasun eta kontrol handia eskaintzen du video sarean. Bere atributuak, propietateak, metodoak eta gertaerak ulertuz eta erabiliz, zure erabiltzaileen beharretara egokitutako multimedia esperientzia aberatsak sor ditzakezu. Arakatu eskaintzen dituen aukera guztiak eta atera etekinik handiena tresna indartsu honi!
Comentarios:
Sin comentarios