reklama

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: Google, Web, Video, 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...
reklama
Určitě si přečtěte

Microsoft: Zbavte se už konečně zastaralých a děravých Windows 7

Microsoft: Zbavte se už konečně zastaralých a děravých Windows 7

** Microsoft pomalu začíná kritizovat svůj nejpopulárnější OS ** Chce konečně dostat podniky na Desítky ** Bezpečnostní podpora Sedmiček vydrží ještě necelé tři roky

Včera | Jakub Čížek | 267

Pojďme programovat elektroniku: Sestavíme si mobil a pošleme SMS

Pojďme programovat elektroniku: Sestavíme si mobil a pošleme SMS

** Kolik stál váš mobilní telefon? ** Základní GSM modem koupíte za stovku ** Umí telefonovat, posílat SMS a zvládne i GPRS

13.  1.  2017 | Jakub Čížek | 27

Český státní blacklist už funguje. Ministerstvo financí se pochlubilo s detaily

Český státní blacklist už funguje. Ministerstvo financí se pochlubilo s detaily

** Dva týdny po Novém roce zajím zeje prázdnotou ** Ministerstvo vydalo metodický pokyn ** Takhle to bude fungovat v praxi

16.  1.  2017 | Jakub Čížek | 49

Auta budoucnosti: V tomto se budete za pár let vozit

Auta budoucnosti: V tomto se budete za pár let vozit

** Velký prostor patřil na letošním veletrhu CES automobilům ** Automobilová budoucnost je elektrická a inteligentní ** Podívejte se, jak je vývoj futuristických autonomních aut daleko

12.  1.  2017 | David Polesný | 34


Aktuální číslo časopisu Computer

99 nejlepších programů pro váš počítač

Zvykejte si na umělou inteligenci

Velké testy PC zdrojů a gamepadů

Alternativní zdroje energie

reklama
reklama