HTML tutoriál

HOME HTML Úvod do HTML HTML editory HTML Basic HTML prvky Atributy HTML HTML nadpisy HTML odstavce HTML styly Formátování HTML HTML citace HTML komentáře HTML barvy HTML CSS HTML odkazy HTML obrázky HTML favicon HTML tabulky HTML seznamy HTML Block & Inline HTML třídy ID HTML HTML iframe HTML JavaScript Cesty souboru HTML HTML hlava Rozložení HTML HTML responzivní Počítačový kód HTML Sémantika HTML Průvodce stylem HTML HTML entity HTML symboly HTML Emojis Znaková sada HTML HTML kódování URL HTML vs. XHTML

HTML formuláře

HTML formuláře Atributy formuláře HTML HTML prvky formuláře Typy vstupu HTML Vstupní atributy HTML Atributy vstupního formuláře HTML

HTML grafika

HTML plátno HTML SVG

HTML média

HTML média HTML video Zvuk HTML HTML pluginy HTML YouTube

HTML API

Geolokace HTML HTML Drag/Drop Webové úložiště HTML HTML Web Workers HTML SSE

Příklady HTML

Příklady HTML HTML kvíz HTML cvičení HTML certifikát HTML souhrn Přístupnost HTML

HTML reference

Seznam značek HTML Atributy HTML Globální atributy HTML Podpora HTML prohlížeče HTML události HTML barvy HTML plátno HTML Audio/Video HTML Doctypes HTML znakové sady HTML kódování URL HTML jazykové kódy Zprávy HTTP HTTP metody Převodník PX na EM Klávesové zkratky

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 srcatribut ukazovat na adresu URL videa
  • Pomocí atributů widtha heighturč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=1Př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=1za 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=0do 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>