HTML YouTube-video's
Die maklikste manier om video's in HTML te speel, is om YouTube te gebruik.
Sukkel jy met videoformate?
Die omskakeling van video's na verskillende formate kan moeilik en tydrowend wees.
'n Makliker oplossing is om YouTube die video's op jou webblad te laat speel.
YouTube-video-ID
YouTube sal 'n ID (soos tgbNymZ7vqY) vertoon wanneer jy 'n video stoor (of speel).
Jy kan hierdie ID gebruik en na jou video in die HTML-kode verwys.
Speel 'n YouTube-video in HTML
Om jou video op 'n webblad te speel, doen die volgende:
- Laai die video op YouTube op
- Neem kennis van die video-ID
- Definieer 'n
<iframe>
element in jou webblad - Laat die
src
kenmerk na die video-URL wys - Gebruik die
width
enheight
kenmerke om die dimensie van die speler te spesifiseer - Voeg enige ander parameters by die URL (sien hieronder)
Voorbeeld
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
YouTube Outospeel + Demp
Jy kan jou video outomaties laat speel wanneer 'n gebruiker die bladsy besoek, deur by autoplay=1
die YouTube-URL te voeg. Om 'n video outomaties te begin is egter irriterend vir jou besoekers!
Let wel: Chromium-blaaiers laat in die meeste gevalle nie outospeel toe nie. Gedempte outospeel word egter altyd toegelaat.
Voeg mute=1
na
autoplay=1
by sodat jou video outomaties begin speel (maar gedemp).
YouTube - Outospeel + Gedemp
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe>
YouTube-snitlys
'n Komma-geskeide lys van video's om te speel (bykomend tot die oorspronklike URL).
YouTube-lus
Voeg loop=1
by om jou video vir ewig te laat loop.
Waarde 0 (verstek): Die video sal net een keer speel.
Waarde 1: Die video sal (vir ewig) lus word.
YouTube - Loop
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>
YouTube-kontroles
Voeg by controls=0
om nie kontroles in die videospeler te vertoon nie.
Waarde 0: Spelerkontroles word nie vertoon nie.
Waarde 1 (verstek): Spelerkontroles vertoon.
YouTube - Kontroles
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>