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, 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

Operační systém běžným počítačům nedal Bill Gates, ale Gary Kildall

Operační systém běžným počítačům nedal Bill Gates, ale Gary Kildall

** Gary Kildall pochopil, že levné výpočetní čipy mohou posloužit jako univerzální počítače pro všechny ** Připravil pro ně proto první operační systém ** Později mu systém vyfoukl Microsoft a nazval ho MS DOS

23.  4.  2017 | Pavel Tronner | 57

Umělá inteligence je sice v plenkách, už teď ale přestáváme rozumět, jak vlastně funguje. To je problém

Umělá inteligence je sice v plenkách, už teď ale přestáváme rozumět, jak vlastně funguje. To je problém

** Už je to tady, lidé přestávají chápat počítače ** Systémy neuronových sítí začínají pracovat tak, že ani jejich tvůrci přesně neví, co se uvnitř děje ** Do budoucna to může být závažný problém

24.  4.  2017 | Jakub Čížek | 112

Před 35 lety měl premiéru legendární počítač ZX Spectrum. Připomeňte si „Gumáka“

Před 35 lety měl premiéru legendární počítač ZX Spectrum. Připomeňte si „Gumáka“

** Slavný osmibitový počítač Sinclair ZX Spectrum byl uveden právě před 35 lety ** Připomeňte si tento průkopnický počítač v tematických článcích ** Podívejte se, jak funguje dnes

23.  4.  2017 | Pavel Tronner | 13

Acer chrlí novinky: levný a tenký Predator, nové Switche a další notebooky

Acer chrlí novinky: levný a tenký Predator, nové Switche a další notebooky

** Acer na konferenci v New Yorku představil velkou spoustu novinek z oblasti počítačů, notebooků i monitorů ** Notebookové novinky se dotkly řad Predator, Swift, Switch i Aspire ** Herní notebooky dostaly nový typ chlazení

27.  4.  2017 | Karel Javůrek | 8

Správný počítač má alespoň dva monitory. Anebo je to jinak?

Správný počítač má alespoň dva monitory. Anebo je to jinak?

** David si nedokáže představit práci bez dvou a více monitorů ** Kubovi naopak stačí jeden a ve více displejích se ztrácí ** Jaký přístup je lepší?

23.  4.  2017 | Jakub Čížek | 59


Aktuální číslo časopisu Computer

Supertéma: moderní cestování

Kdy opravdu přijdou nové baterie?

Velké testy: 6 herních notebooků a 8 volantů

Recenze: AMD Ryzen řady 5