YouTube: videa na vlastním webu s nastavením (návod)

Vložte si na webové stránky vaše oblíbené YouTube video. Určete barvy jeho ovládacích prvků a rámečku. Nastavte automatické přehrání a využijte zahájení přehrávání od určité pozice.

Již několik dnů můžete využívat YouTube v české verzi. Pokud rádi sledujete videa, určitě jste se s nimi chtěli někdy podělit mezi kamarády. Jedna možnost je přímo poslat URL adresu videa, kterou naleznete v adresním řádku webového prohlížeče. Pokud máte webové stránky nebo blog, můžete využít vygenerovaný HTML kód, který stačí vložit na váš web. Video se tak může zobrazovat na vašich stránkách. Patřičný HTML kód se nachází u každého videa.

Klepněte pro větší obrázek
 U každého YouTube videa se nachází vygenerovaný HTML kód, který stačí vložit na vaše stránky

Barva ovládacích prvků a rámečku

Přímo na stránkách YouTube si můžete klepnutím myši zvolit barvy ovládacích prvků videa – lišty s tlačítky. Po zaškrtnutím volby „Zobrazit rámeček“ bude navíc zobrazen rámeček okolo videa v uvedené barvě. Vygenerovaný kód může vypadat nějak takto:

<object width="425" height="349"><param name="movie" value="http://www.youtube.com/v/kAflikeKvew&hl=cs&fs=1&color1=0x5d1719&color2=0xcd311b&border=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/kAflikeKvew&hl=cs&fs=1&color1=0x5d1719&color2=0xcd311b&border=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="349"></embed></object>

Důležité jsou parametry &color1 a &color2. První udává barvu části rámečku a průhledné oblasti lišty s ovládacími prvky. Druhý parametr se týká barvy ovládacího prvku a zbývající části rámečku. Hodnoty uvedených parametrů můžete snadno upravit, akorát je třeba barvy uvést v hexadecimálním tvaru. Pokud parametry pro určení barev nenastavíte, použijí se standardní barvy.

Klepněte pro větší obrázek
 YouTube video s rámečkem a ovládacími prvky ve vlastní barvě

V případě, že se vám rámeček nelíbí nebo jej nechcete z nějakého důvodu zobrazit, stačí změnit hodnotu parametru &border=1 na 0, anebo tento parametr úplně odstranit.

Zobrazit podobně zaměřená videa

Na stránkách YouTube můžete také volit mezi možnostmi „Zahrnout podobná videa“ a „Nezahrnovat podobná videa“. V případě druhé možnosti bude do obou URL adres vložen parametr &rel=0. Ten zajistí, že se po přehrání videa nezobrazí žádné „upoutávky“ na podobně zaměřená videa.

<object width="425" height="349"><param name="movie" value="http://www.youtube.com/v/kAflikeKvew&hl=cs&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/kAflikeKvew&hl=cs&fs=1&rel=0" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="349"></embed></object>

Klepněte pro větší obrázek Klepněte pro větší obrázek
 Po dokončení přehrání videa mohou, ale také nemusí, být nabízena podobně zaměřená videa

Automatické přehrání videa

Pokud chcete, aby se video ihned po zobrazení stránky přehrálo, musíte k druhé URL adrese přidat parametr &autoplay=1. Kód pro automatické přehrání videa bude vypadat následovně:

<object width="425" height="349"><param name="movie" value="http://www.youtube.com/v/kAflikeKvew&hl=cs&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/kAflikeKvew&hl=cs&fs=1&autoplay=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="349"></embed></object>

Zahájení přehrávání od určité pozice

U delších videí můžete chtít upozornit pouze na určitou část, třeba zrovna na tu, která začíná na 55. vteřině. I to je možné. Stačí přidat parametr &start=55, kde jako hodnotu uvedete počet vteřin od začátku videa. Kód pro zahájení přehrávání videa od určité pozice vypadá takto:

<object width="425" height="349"><param name="movie" value="http://www.youtube.com/v/kAflikeKvew&hl=cs&fs=1&start=55"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/kAflikeKvew&hl=cs&fs=1&start=55" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="349"></embed></object>

Témata článku: Video, Google, YouTube, Web, Návody, VLA, Rámeček, Nastavení, Vygenerovaný kód, Podobné parametry, Návod, Movie

Určitě si přečtěte


Aktuální číslo časopisu Computer

26 procesorů v důkladném testu

Zhodnotili jsme 18 bezdrátových reproduktorů

Jak fungují cash back služby?

Pohlídejte své děti na internetu