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>

Diskuze (7) Další článek: Enso Launcher: dokonale rychlý spouštěč čehokoliv

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


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

Limitovaná nabídka: Windows 10 Professional za pouhých $11.90

Limitovaná nabídka: Windows 10 Professional za pouhých $11.90

Goodoffer24.com Je nový eshop s licencemi a softwarovými klíči, který nabízí nejlepší ceny a rychlé dodání produktu na e-mail. Kromě licencí pro Windows 10 Pro, nabízí web také řadu špičkových produktů, jako je Xbox Live Gold membership nebo oblíbený titul – PLAYERUNKNOWN’S BATTLEGROUNDS.

Jak funguje největší akumulátor v Česku: podívejte se do elektrárny Dlouhé Stráně

Jak funguje největší akumulátor v Česku: podívejte se do elektrárny Dlouhé Stráně

** Přečerpávací vodní elektrárna Dlouhé stráně je obdivuhodné technické dílo ** Stejná turbína vyrábí elektřinu i tlačí vodu zpět do horního jezera ** Strojovna elektrárny je zabudována v podzemí

David Polesný | 27

Byli tam! Důkazy o přistání na Měsíci, Lunochody i čínská sonda jsou vidět z vesmíru

Byli tam! Důkazy o přistání na Měsíci, Lunochody i čínská sonda jsou vidět z vesmíru

** Sonda LRO pořídila z oběžné dráhy Měsíce zajímavé snímky ** Jsou na nich vidět artefakty všech misí programu Apolla, které přistály na povrchu Měsíce ** Jde například o části lunárních modulů, rovery a dokonce i vlajky

Petr Kubala | 62

Xiaomi Yeelight: Wi-Fi LED žárovka za pár stovek, kterou můžete ovládat i hlasem

Xiaomi Yeelight: Wi-Fi LED žárovka za pár stovek, kterou můžete ovládat i hlasem

** Na eBayi aspol. ji koupíte za čtyři stovky ** Má Wi-Fi a povedenou appku ** Spojíte ji s Googlem, Amazonem, IFTTT i vlastním systémem

Jakub Čížek | 42

Portál občana už funguje. Na státní web vypadá až překvapivě použitelně

Portál občana už funguje. Na státní web vypadá až překvapivě použitelně

** Portál občana už funguje, vyřídíte na něm první požadavky ** Funkce se budou postupně rozšiřovat ** Web je docela moderní a přehledný

David Polesný | 66


Aktuální číslo časopisu Computer

Jak mobily určují svoji polohu?

Velký test notebooků pro studenty

Nejlepší reproduktory na párty

Služby a aplikace pro výuku angličtiny