De video-tag
De tag video maakt het mogelijk om video aan een HTML-pagina toe te voegen.
Met deze tag kan je de video ook besturen.
Het pad naar het videobestand wordt opgegeven via het
attribuut src of de geneste tag source.
Als je een speler wilt zien voor het bedienen van het afspelen
van de video - moet je het attribuut controls toevoegen.
Zonder dit attribuut zie je niets - geluid en beeld
zijn er dan ook niet.
Soms is het plaatsen van video op de website zelf niet
erg handig (bijvoorbeeld, je hosting heeft een
beperking voor de grootte van de site). In dat geval
kan je de video uploaden naar YouTube en deze insluiten
met behulp van de tag iframe.
Attributen
| Attribuut | Beschrijving |
|---|---|
src |
Geeft het pad naar het videobestand aan.
Maar het is beter om hiervoor de tag source te gebruiken
(in dat geval kan je video's in verschillende formaten opgeven).
|
preload |
Wordt gebruikt om het videobestand gelijktijdig met het laden van de webpagina te laden.
Geaccepteerde waarden: none (bestand niet laden, standaard),
metadata (alleen metadata laden: duur, enzovoort),
auto (de volledige video laden bij het laden van de HTML-pagina).
|
autoplay |
Het geluid begint direct te spelen nadat de pagina is geladen,
de aanwezigheid van het attribuut preload wordt in dit geval genegeerd.
Attribuut zonder waarde. |
controls |
Voegt een bedieningspaneel toe aan de video.
Attribuut zonder waarde. Standaard (als het attribuut ontbreekt) wordt het paneel niet toegevoegd. |
loop |
Herhaalt de video in een "lus":
na voltooiing begint deze opnieuw af te spelen.
Attribuut zonder waarde. Standaard (als het attribuut ontbreekt) speelt de video slechts 1 keer af.
|
poster |
Pad naar de afbeelding die wordt weergegeven zolang de video niet beschikbaar is of niet wordt afgespeeld.
Als het attribuut poster niet is opgegeven, probeert de browser het eerste frame van de video weer te geven.
|
height |
Het attribuut height bepaalt de hoogte van het afspeelgebied van de video (in pixels
of procenten).
De video zelf past zijn afmetingen aan, groter of kleiner, aan de opgegeven hoogte,
maar de verhoudingen veranderen hierbij niet.
Standaardwaarde: de hoogte wordt genomen uit de parameters van de video, als deze waarde niet beschikbaar is, dan wordt de waarde van het attribuut height
gelijk geacht aan de hoogte van de afbeelding van het attribuut poster.
Als ook poster niet is opgegeven - wordt de hoogte
ingesteld op 150 pixels.
|
width |
Het attribuut width bepaalt de breedte van het afspeelgebied van de video (in pixels
of procenten).
De video zelf past zijn afmetingen aan, groter of kleiner, aan de opgegeven breedte,
maar de verhoudingen veranderen hierbij niet.
Standaardwaarde: de breedte wordt genomen uit de parameters van de video, als deze waarde niet beschikbaar is, dan wordt de waarde van het attribuut width
gelijk geacht aan de breedte van de afbeelding van het attribuut poster.
Als ook poster niet is opgegeven - wordt de breedte
ingesteld op 150 pixels.
|
Voorbeeld . Speler op de website
Laten we een speler met video aan de pagina toevoegen.
Voor browsers die de
tag video niet ondersteunen, is een speciale melding
achtergelaten:
<video src="moovie.mp4" controls>
Uw browser ondersteunt geen video in HTML5.
</video>
Voorbeeld .
Laten we voor de tag video
de tag source toevoegen:
<video>
<source src="moovie.mp4" controls>
Uw browser ondersteunt geen video in HTML5.
</video>
