HTML videa na YouTube
Nejjednodušší způsob, jak přehrávat videa v HTML, je použít YouTube.
Bojujete s formáty videa?
Převod videí do různých formátů může být obtížný a časově náročný.
Jednodušším řešením je nechat YouTube přehrávat videa na vaší webové stránce.
ID videa na YouTube
YouTube zobrazí ID (např. tgbNymZ7vqY), když uložíte (nebo přehrajete) video.
Můžete použít toto ID a odkazovat na své video v kódu HTML.
Přehrávání videa YouTube v HTML
Chcete-li přehrát video na webové stránce, postupujte takto:
- Nahrajte video na YouTube
- Poznamenejte si ID videa
- Definujte
<iframe>
prvek na své webové stránce - Nechte
src
atribut ukazovat na adresu URL videa - Pomocí atributů
width
aheight
určete rozměr přehrávače - Přidejte k adrese URL jakékoli další parametry (viz níže)
Příklad
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
Automatické přehrávání YouTube + ztlumení
autoplay=1
Přidáním adresy URL na YouTube můžete nechat, aby se vaše video začalo přehrávat automaticky, když uživatel navštíví stránku . Automatické spouštění videa je však pro vaše návštěvníky nepříjemné!
Poznámka: Prohlížeče Chromium ve většině případů automatické přehrávání neumožňují. Ztlumené automatické přehrávání je však vždy povoleno.
Přidejte mute=1
za
autoplay=1
, aby se vaše video začalo přehrávat automaticky (ale ztlumeno).
YouTube – automatické přehrávání + ztlumeno
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe>
Seznam videí YouTube
Čárkami oddělený seznam videí k přehrání (kromě původní adresy URL).
Smyčka YouTube
Přidejte loop=1
, aby se vaše video věčně opakovalo.
Hodnota 0 (výchozí): Video se přehraje pouze jednou.
Hodnota 1: Video se bude opakovat (navždy).
YouTube – smyčka
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>
Ovládací prvky YouTube
Přidat controls=0
do nezobrazovat ovládací prvky v přehrávači videa.
Hodnota 0: Ovládací prvky přehrávače se nezobrazují.
Hodnota 1 (výchozí): Displej ovládá přehrávač.
YouTube – Ovládací prvky
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>