HTML handleiding

HTML TUIS HTML Inleiding HTML-redakteurs HTML Basies HTML elemente HTML-kenmerke HTML-opskrifte HTML paragrawe HTML-style HTML-formatering HTML-aanhalings HTML-kommentaar HTML kleure HTML CSS HTML skakels HTML beelde HTML Favicon HTML-tabelle HTML-lyste HTML-blok en inlyn HTML-klasse HTML ID HTML iframes HTML JavaScript HTML-lêerpaaie HTML kop HTML-uitleg HTML reageer HTML Rekenaarkode HTML semantiek HTML-stylgids HTML-entiteite HTML Simbole HTML Emoji's HTML-tekenset HTML URL enkodeer HTML vs. XHTML

HTML -vorms

HTML-vorms HTML-vorm eienskappe HTML-vormelemente HTML-invoertipes HTML-invoerkenmerke HTML-invoervorm-kenmerke

HTML -grafika

HTML-doek HTML SVG

HTML Media

HTML Media HTML-video HTML oudio HTML-inproppe HTML YouTube

HTML API's

HTML geoligging HTML Sleep/Drop HTML-webberging HTML Web Werkers HTML SSE

HTML voorbeelde

HTML voorbeelde HTML vasvra HTML-oefeninge HTML-sertifikaat HTML Opsomming HTML-toeganklikheid

HTML- verwysings

HTML-merkerlys HTML-kenmerke HTML globale kenmerke HTML-blaaierondersteuning HTML-gebeurtenisse HTML kleure HTML-doek HTML oudio/video HTML Doktipes HTML-karakterstelle HTML URL enkodeer HTML-langkodes HTTP-boodskappe HTTP metodes PX na EM-omskakelaar Sleutelbord kortpaaie

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 srckenmerk na die video-URL wys
  • Gebruik die widthen heightkenmerke 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=1die 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=1na autoplay=1by 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=1by 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=0om 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>