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.
YouTube: videa na vlastním webu s nastavením (návod)

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, Web, YouTube, Návody, Movie

7 komentářů

Nejnovější komentáře

  • Celoush 15. 10. 2008 13:10:19
    nějak to "ožralo", takže tady je postup jak vložit video v high...
  • Celoush 15. 10. 2008 13:09:06
    Jen bych chtěl upozornit, že po vložení -)
  • Jenda Ovečka 15. 10. 2008 0:32:35
    On je nějakej způsob, jak ho udělat validní, dokud jsem měl web, tak jsem...
Určitě si přečtěte

Jak vybrat monitor k počítači: nenechte se zlákat nepodstatnými parametry

Jak vybrat monitor k počítači: nenechte se zlákat nepodstatnými parametry

** Na jaké parametry se zaměřit a kde vás výrobci chtějí nachytat ** Monitory se stále více specifikují pro konkrétní určení ** Náročný hráč nebo profesionální grafik mají různé požadavky

20.  6.  2017 | Tomáš Holčík | 31

Dlouhodobý test HTC Vive: co vám recenze o virtuální realitě neřeknou

Dlouhodobý test HTC Vive: co vám recenze o virtuální realitě neřeknou

** Ani hry se sebelepší grafikou vás nevtáhnou tolik, jako ve virtuální realitě ** Pro sledování filmů není VR ani zdaleka ideální ** I první generace je skvělá, stále však působí jako prototyp

20.  6.  2017 | Stanislav Janů | 22

Pojďme programovat elektroniku: Postavíme si titěrnou Wi-Fi meteostanici s lepším teploměrem než Netatmo

Pojďme programovat elektroniku: Postavíme si titěrnou Wi-Fi meteostanici s lepším teploměrem než Netatmo

** Dnes se podíváme na maličkou Wi-Fi destičku Wemos D1 mini ** A připojíme k ní barometrický a teplotní shield ** Poběží na ní web a nabídne i JSON API

18.  6.  2017 | Jakub Čížek | 28

Jak unikají informace o nových iPhonech? Třeba podprsenkami čínských pracovnic

Jak unikají informace o nových iPhonech? Třeba podprsenkami čínských pracovnic

** Na černém trhu mohou zaměstnanci továren za kradené součástky inkasovat částku ve výši ročního platu ** Velké množství informací je vyneseno i z centrály Applu ** Díly jsou pašovány v botách, podprsenkách i odpadem

21.  6.  2017 | Stanislav Janů | 24


Aktuální číslo časopisu Computer

Bojujeme proti Fake News

Dva velké testy: fotoaparáty a NASy

Co musíte vědět o změně evropského roamingu

Radíme s výběrem základní desky