Videotag i HTML | Forklart

Å legge til videoer på nettstedene kan være en engasjerende måte å uttrykke tankene dine, og derfor kan videoer tiltrekke flere seere. Ved å bruke videoer kan man levere noen kompliserte konsepter på en veldig enkel og effektiv måte. Så HTML gir en tag for å legge inn en video på nettstedene, en tag kan ha flere attributter for å kontrollere oppførselen til enhver video.

Denne oppskrivningen vil presentere en detaljert forståelse av følgende konsepter:

• Syntaks av tag
• Attributter til tag
• Nettleserens støtte- og videoformater
• Hvordan bruke tag i HTML

Syntaks

Det undergitte utdraget viser den grunnleggende syntaksen til taggen.

Attributter

• Kontroller: brukes til å vise kontrollalternativene til brukeren e.g. Spill, pause, stum osv.
• SRC: Bestemmer nettadressen
• Løkke: Video vil bli spilt i en loop i.e. igjen og igjen.
• Dukket: Opprinnelig vil videoen bli dempet
• Forhåndsinnlasting: Spesifiser forfatterens syn på hvordan videoen vil lastes inn når websiden laster
• Auto spill: Video spilles automatisk
• høyde: Brukes til å spesifisere videoens høyde
• bredde: Brukes til å spesifisere videoenes bredde
• plakat: Brukes til å vise et bilde under nedlasting av video.

Nettleserens støtte- og videoformater

Tag har tre formater i.e. MP4, WebM, OGG og disse formatene vil bli spesifisert i kildeelementet i "Type" -attributtet. Chrome, Microsoft Edge, Opera og Mozilla Firefox støtter alle tre videoformatene mens Safari og Internet Explorer bare støtter MP4 -format.

Flere formater kan brukes i taggen, så det er en god praksis å spesifisere to formater (OGG og MP4) i videotaggen slik at videoen blir spilt på de fleste nettlesere. Nettleseren vil bruke det første gjenkjente videoformatet. Hvis nettleseren ikke gjenkjenner noen av de spesifiserte filformatene, vises teksten som er skrevet innen start- og sluttkoden.

Hvordan bruke tag i HTML

I HTML -taggen kan flere attributter brukes til å kontrollere oppførselen til TAG som for eksempel “Kontroller” muliggjøre synligheten av kontrollene i.e. Spill, pause osv. Følgende kode utdyper hvordan du bruker taggen i HTML:

Ovennevnte utdrag viser følgende utgang:

Kontroller er synlige, video er dempet, den verifiserer at alle attributtene fungerer perfekt.

Eksempel

Nå vil vi endre koden ovenfor for å teste arbeid av plakatattributtet:

Nå vises et bilde på videoen til vi ikke klikket på spillknappen:

Tilsvarende kan du teste arbeidet med gjenværende attributter.

Konklusjon

Tag kan brukes til å legge til en video på et nettsted, forskjellige attributter kan brukes i videotaggen for å utføre forskjellige funksjonaliteter e.g. Plakaten viser et bilde til noen klikker på videoen, Autoplay gjør det mulig for en video å spille automatisk og så videre. Denne artikkelen demonstrerer hva som er HTML -taggen og hvordan du bruker taggen. Dessuten gir det en detaljert forklaring av tilgjengelige videoformater og nettlesere støtte.