tigtools

Generátor embed kódu YouTube

Vložte odkaz na YouTube, zvolte možnosti přehrávače a zkopírujte kód iframe na svůj web. Responzivní režim vyplní šířku kontejneru v poměru 16:9.

Běží ve vašem prohlížeči Bez registrace

Video

Přehrávání

Kód jazyka, například en, de nebo pt-BR. Nastaví jazyk rozhraní přehrávače a při zapnutých titulcích také preferovaný jazyk titulků.

Velikost a stránka

Velikost

Přehrávač zabere celou šířku svého kontejneru a zachová poměr stran 16:9 pomocí vlastnosti CSS aspect-ratio, kterou podporují současné prohlížeče.

Popisuje přehrávač pro čtečky obrazovky. Pokud můžete, použijte název videa.

Kód pro vložení

Vložte odkaz na video a získejte kód pro vložení.

Jak používat

  1. Vložte odkaz na YouTube video nebo jeho 11znakové ID.
  2. Nastavte čas začátku a konce a požadované možnosti přehrávání.
  3. Zvolte responzivní nebo pevnou velikost a nastavte popisný název.
  4. Zkopírujte HTML a vložte ho na svou stránku nebo do HTML bloku vašeho webového editoru. Pro otestování použijte Zobrazit náhled.

Jak to funguje

Kód používá standardní iframe přehrávač YouTube. Možnosti se stávají parametry URL adresy přehrávače: start a end (v sekundách), autoplay, mute, loop s playlist, controls=0, cc_load_policy=1 pro titulky, cc_lang_pref pro jazyk titulků a hl pro jazyk přehrávače. Režim se zvýšeným soukromím přepne adresu na youtube-nocookie.com.

Některé možnosti mají omezení nastavená YouTube nebo prohlížeči. Automatické přehrávání funguje pouze u ztlumeného videa, proto nástroj k automatickému přehrávání přidá mute=1. Pro smyčku jednoho videa musí být parametr playlist nastavený na stejné ID videa, což nástroj doplní. Titulky se zobrazí, jen pokud má video titulky. Videa, jejichž majitelé zakázali vložení, zobrazí v přehrávači chybu.

Responzivní režim obalí iframe do rámečku s aspect-ratio: 16 / 9 a width: 100 %, takže se přizpůsobuje stránce bez staršího triku s padding-bottom. Pevný režim zapíše atributy width a height. Líné načítání odloží přehrávač, dokud se nepřiblíží k viditelné části stránky.

Příklady

Responzivní vložení šetrné k soukromí

Výchozí nastavení: youtube-nocookie.com, responzivní 16:9 a líné načítání. Vložte úryvek do libovolné HTML stránky.

Smyčka ve stylu pozadí

Automatické přehrávání, smyčka a žádné ovládací prvky vygenerují …/embed/ID?autoplay=1&mute=1&loop=1&playlist=ID&controls=0.

Přehrát pouze jednu část

Začátek v 1:00 a konec ve 2:30 dají start=60&end=150, takže přehrávač přehraje pouze tuto část.

Časté dotazy

Proč se moje vložené video nepřehrává automaticky se zvukem?

Prohlížeče blokují automatické přehrávání se zvukem. Automatické přehrávání vyžaduje mute=1, což nástroj přidá automaticky; některé prohlížeče nebo nastavení to stále blokují.

Co dělá režim se zvýšeným soukromím?

Načítá přehrávač z youtube-nocookie.com. Podle YouTube se informace o návštěvnících neukládají pro personalizaci, dokud video nepřehrají.

Proč potřebuji playlist= pro smyčku?

Parametr loop od YouTube funguje pouze s playlistem. Když nastavíte playlist na stejné ID videa, bude se jedno video opakovat.

Funguje vygenerovaný kód ve WordPressu?

Ano. Vložte ho do bloku Vlastní HTML. Některé nástroje pro tvorbu webů z bezpečnostních důvodů iframe odstraňují; pak použijte jejich vlastní video blok.

Soukromí

Kód pro vložení se vytvoří ve vašem prohlížeči a nikam se nic neodesílá. Pouze když kliknete na Zobrazit náhled, načte váš prohlížeč přehrávač z YouTube (nebo youtube-nocookie.com).