Značka videa HTML 5 usnadňuje přidávání videa na vaše webové stránky . Ale když se zdá, že je to snadné na povrchu, je spousta věcí, které musíte udělat, aby vaše video fungovalo. Tento tutoriál vás provede kroky k vytvoření stránky ve formátu HTML 5, ve kterém budou spouštěny videa ve všech moderních prohlížečích.
- Hosting vašeho vlastního HTML 5 videa vs použití YouTube
- Rychlý přehled podpory videa na webu
- Vytvořte a upravte své video
- Převést video na Ogg pro Firefox
- Převést video do formátu MP4 pro Safari
- Převést video do FLV pro aplikaci Internet Explorer
- Přidejte video element na svou webovou stránku
- Přidejte JavaScript a přehrávač Flash Player k získání aplikace Internet Explorer k práci část 1
- Testujte v co nejvíce prohlížečích
01 z 10
Hosting vašeho vlastního HTML 5 videa vs použití YouTube
YouTube je skvělý web. Umožňuje rychle vkládat video do webových stránek rychle a s několika drobnými výjimkami je docela snadné provádět videa. Pokud zaúčtujete video na YouTube, můžete být docela přesvědčeni, že ho někdo bude moci sledovat.
Použití YouTube pro vkládání vašich videí má některé nevýhody
Většina problémů se službou YouTube spočívá spíše na straně spotřebitelů než na straně designérů, například:
- Pomalé vyhledávání a indexování
- Výpadek serverů
- Obsah je (zdánlivě) odstraněn libovolně
- Příliš mnoho špatného obsahu
Existují však některé důvody, proč YouTube je pro vývojáře obsahu také špatný, včetně:
- 10 minut maximální délka videí (pro bezplatné účty)
- Špatný výkon při nahrávání
- YouTube získává neomezená práva na používání vašeho videa
- Každý uživatel YouTube získá neomezená práva na používání vašeho videa
HTML 5 Video dává některé výhody na YouTube
Použití kódu HTML 5 pro video vám umožní ovládat každý aspekt vašeho videa, od koho ho můžete vidět, jak dlouho to je, co obsah obsahuje, kde je hostován a jaký server provádí. A video ve formátu HTML 5 vám dává příležitost kódovat vaše video v tolika formátech, kolik potřebujete, abyste se ujistili, že ho může zobrazit maximální počet lidí. Vaši zákazníci nepotřebují plugin ani počkat, než YouTube vydá novější verzi.
Samozřejmě HTML 5 Video nabízí některé nevýhody
Tyto zahrnují:
- Musíte zakódovat své video alespoň třemi různými kodeky
- Musíte zahrnout JavaScript, abyste zajistili, že prohlížeče, které nepodporují kód HTML 5, budou fungovat
- Váš server musí být schopen zvládnout požadavky na šířku pásma hostování videa
02 z 10
Rychlý přehled podpory videa na webu
Přidávání videa na webové stránky je již dlouho obtížné. Bylo tolik věcí, které by se mohly pokazit:
- Nejprve použijete značku
- Takže přepnete na značku
- Pak si myslíte, že " Flash !" Kódujte video jako soubor FLV. Flash však není podporován na mnoha mobilních zařízeních a mnozí lidé nenávidí Flash bez ohledu na to, jak je používán (25% respondentů v mém dotazování se ptá, jak si myslíte, že Flash uvedl, že nemohou Flash v žádném případě stát).
- Takže se rozhodnete nahrát své video na web pro vkládání videa, jako je YouTube, ale pak máte problémy s YouTube, o kterých jsme diskutovali.
- A nakonec se rozhodnete jít s HTML 5, ale Internet Explorer jej nepodporuje (ne dokud Internet Explorer 9). A i když to uděláte, existují dva standardy pro video kodek, které jsou podporovány a pouze jeden prohlížeč, který může používat oba. Podpora prohlížeče pro video kodeky a kontejnery
Tak co máš dělat? Poskytování videa již není pro většinu webových stránek k dispozici, protože video je stále důležitější. A mnoho stránek úspěšně přešlo na video.
Následující stránky tohoto článku vás seznámí s přidáním videa na vaše webové stránky, které pracují v prohlížečích Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 a 4, iPhone a Android, Flash a Internet Explorer 7 a 8. mají také klíče, které potřebujete přidat podporu pro ostatní starší prohlížeče v případě potřeby.
03 z 10
Vytvořte a upravte své video
První věc, kterou potřebujete, když umístíte video na webovou stránku, je skutečné video. Můžete buď průběžně natáčet a následně upravovat, abyste vytvořili nějakou funkci, nebo ji můžete předem naplánovat a naplánovat. V každém případě funguje dobře, je to bez ohledu na to, s jakou jste spokojeni. Pokud nevíte, jaký typ videa byste měli provést, podívejte se na tyto nápady z Průvodci videokonference:
- Rodinné video projekty
- Marketingové a propagační videa
- Video virtuální prohlídky
- Jak na videa
- Svatební videa
Naučte se nahrávat vysoce kvalitní video
Ujistěte se, že jste věděli, jak nahrávat v interiéru i venku, a jak nahrávat zvuk. Osvětlení je také velmi důležité - snímky, které jsou příliš jasné, zranily oči a příliš tmavé vypadají blátivě a neprofesionálně. Dokonce i když máte v úmyslu mít na svém webu 30 sekundové video, tím vyšší je kvalita, tím lépe se bude zobrazovat na vašem webu.
Nezapomeňte také, že autorská práva se vztahují na všechny zvuky nebo hudbu (stejně jako stopy s fotografiemi), které můžete ve vašem videu použít. Pokud nemáte přístup k příteli, který vám může psát a přehrávat skladbu, budete muset najít hudbu bez licenčních poplatků, kterou chcete hrát na pozadí. K dispozici jsou také místa, která můžete na své video přidat.
Úpravy videa
Nezáleží na tom, jaký editační software používáte, jen tak dlouho, jak jste s ním obeznámeni a efektivně jej používat. Gretchen, Desktop Video Guide, má několik profesionálních tipů pro editaci videa, které vám pomohou upravit vaše videa tak, aby vypadaly skvěle.
Uložte své video do MOV nebo AVI (nebo MPG, CD, DV)
Zbytek tohoto tutoriálu předpokládáme, že vaše video bylo uloženo v nějakém typu vysoce kvalitního (nekomprimovaného) formátu jako je AVI nebo MOV. Zatímco tyto soubory můžete používat jako takové, narazíte na všechny problémy s videem, které jsme již diskutovali. Následující stránky vysvětlují, jak převést váš soubor na tři typy tak, aby byl zobrazen podle největšího počtu prohlížečů.
04 z 10
Převést video na Ogg pro Firefox
První formát, který převádíme, je Ogg (někdy nazvaný Ogg-Theora). Tento formát je takový, že je možné prohlížeč Firefox 3.5, Opera 10.5 a Chrome 3 zobrazit.
Bohužel, zatímco Ogg má podporu prohlížeče, mnoho známých video programů, které si můžete koupit (Adobe Media Encoder, QuickTime atd.), Nenabízí možnost konverze Ogg. Takže jediný způsob, jak převést vaše video na Ogg, je najít konverzi na webu.
Možnosti konverze
Existuje online nástroj s názvem Media-Convert, který požaduje konverzi různých formátů videa (a zvuku) do jiných formátů videa (a zvuku). Když jsme to zkusili s mým 3sekundovým zkušebním videem, nemohli jsme ho dostat do práce na počítači Mac. Ale možná máte větší štěstí. Tato stránka má výhodu, že je zdarma.
Některé další nástroje, které jsme našli, zahrnují:
- Miro Video Converter (Windows Macintosh) - Tento program má výhodu převodu na Ogg i MP4 (H.264) a je to open source.
- Koyote Video Converter (Windows)
- Free Video Converter Myslíme si, že má verzi Windows i Macintosh, ale bylo těžké říct ze svých stránek
- Simple Theora Encoder (Macintosh) - toto je ten, který obvykle používáme.
Jakmile je vaše video uloženo ve formátu Ogg, uložte jej na místo na vašem webu a přejděte na další stránku a převeďte jej na jiné formáty pro jiné prohlížeče.
05 z 10
Převést video do formátu MP4 pro Safari
Další formát, který byste měli konvertovat do videa, je MP4 (video H.264), aby mohl být přehráván v systémech Safari 3 a 4 a iPhone a Android. Navíc videa H.264 lze snadno převést do souborů FLV pro sledování na Flashu.
Tento formát je dostupnější v komerčních produktech a pravděpodobně již máte program, který převede na MP4, pokud máte video editor. Máte-li aplikaci Adobe Premiere, můžete použít Adobe Video Encoder nebo máte-li QuickTime Pro, který bude fungovat stejně. Mnoho konvertorů, které jsme diskutovali na předchozí stránce, také převede videa na MP4.
- Media-Convert - online nástroj
- Miro Video Converter (Windows Macintosh) - Tento program má výhodu převodu na Ogg i MP4 (H.264) a je to open source.
- SUPER (Windows) - převede mnoho různých typů souborů na MP4 a FLV
- Free Video Converter Myslíme si, že má verzi Windows i Macintosh, ale bylo těžké říct ze svých stránek
Uložte soubor MP4 na své webové stránky a pak jej budete muset převést na aplikaci Flash pro aplikaci Internet Explorer.
06 z 10
Převést video do FLV pro aplikaci Internet Explorer
Nejjednodušší způsob, jak převést videa do FLV, je použití samotného programu Flash. Tak převádíme videa na Flash. Pokud však nemáte Flash, jsou zde dva oblíbené nástroje pro převod souborů na FLV:
- SUPER (Windows) - převede mnoho různých typů souborů na MP4 a FLV
- ffmpegX (Macintosh) - převede mnoho různých typů souborů na Mp4 a FLV.
Uložte soubor FLV na svůj web a na další stránce vám ukáže, jak napsat HTML, abyste mohli přehrávat videa.
07 z 10
Přidejte video element na svou webovou stránku
Pro přidání videa na webové stránky je velmi snadné použít HTML 5. Většina moderních prohlížečů podporuje video HTML 5, ačkoli to všichni nepodporují stejným způsobem. Ale co to znamená, že pokud uložíte video jako formáty Ogg i MP4, budete moci napsat ve čtyřech až pěti řádcích HTML, aby se zobrazil ve většině moderních prohlížečů (s výjimkou aplikace Internet Explorer 8). Zde je návod:
- Zadejte značku HTML 5 doctype tak, aby prohlížeče věděly, že očekávají HTML 5:
- Vytvořte webovou stránku tak, jak ji obvykle vytvoříte:
</ title> <br> </ head> <br> <body> <br><br> </ body> <br> </ html> </blockquote></li><li> Uvnitř těla umístěte značku <video>: <blockquote> <video> </ video> </blockquote></li><li> Určete, jaké atributy chcete mít ve vašem videu: <ul><li> automatické přehrávání - spuštění, jakmile je staženo </li><li> ovládací prvky - umožňují čtenářům ovládání videa (pauza, převíjení vzad, rychlý posun vpřed) </li><li> smyčka - spusťte video od začátku, až skončí </li><li> preload - předem stahujte video tak, aby bylo připraveno rychleji, když zákazník klikne na něj </li><li> plakát - definujte snímek, který chcete použít při zastavení videa </li></ul> Doporučujeme používat ovládací prvky a přednastavení. Použijte možnost plakátu, pokud vaše video nemá dobrou první scénu. <blockquote> <video ovládání preload> </ video> </blockquote></li><li> Poté přidejte do prvku <video> zdrojové soubory pro dvě verze videa (MP4 a OGG): <blockquote> <video ovládání preload> <br> <zdroj src = "shasta.mp4" typ = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <zdroj src = "shasta.ogg" typ = 'video / ogg; kodeky = "theora, vorbis" '> <br> </ video> </blockquote></li><li> Otevřete stránku v prohlížečích Chrome 1, Firefoxu 3.5, Opera 10 a / nebo Safari 4 a ujistěte se, že se zobrazí správně. Měli byste to vyzkoušet alespoň v prohlížečích Firefox 3.5 a Safari 4 - jelikož každý používá jiný kodek. </li></ol><p> A je to. Jakmile budete mít tento kód na svém místě, budete mít video, které funguje v prohlížečích Firefox 3.5, Safari 4, Opera 10 a Chrome 1. Co je však s programem Internet Explorer? </p> <h3> Internet Explorer nemá rád HTML 5 nebo značku <video> </h3><p> V další části se budeme bavit o tom, co můžete udělat, abyste mohli IE 8 hrát s vašimi značkami videa HTML 5 a zobrazit video. Musíte použít Flash. Dobrou zprávou je, že aplikace IE 9 podporuje HTML 5 a videokazetu. </p> <p> <strong>08 z 10</strong> </p> <h3> Přidejte JavaScript a přehrávač Flash Player, abyste mohli aplikaci Internet Explorer pracovat </h3><p> Možná jste si všimli, že na HTML stránky předchozí stránky nebyl pro FLV soubor zdrojový řádek. A pokud jste tuto stránku testovali v aplikaci Internet Explorer, nefungovalo by to. To proto, že aplikace Internet Explorer nerozpoznává kód HTML 5 a nemůže nativně přehrávat videa OGG ani MP4. Chcete-li aplikace Internet Explorer 7 a 8 pracovat, musíte ji přehrávat jako Flash. Existuje však ještě více kroků, jak se dostat do práce, než jen přidat soubor FLV. </p> <h3> Krok 1: Získejte přehrávač Flash videa pro vaše webové stránky </h3> <p> Doporučujeme vám dostat aplikaci FlowPlayer, protože je to přehrávač Flash Player s otevřeným zdrojovým kódem, který můžete nainstalovat na webový server a používat jej vždy, když budete přehrávat video ve formátu Flash. Bezplatná verze nástroje FlowPlayer vloží reklamu do vašich videí, ale můžete je také zakoupit, pokud je budete potřebovat. </p> <p> Postupujte podle pokynů na webu FlowPlayer a instalujte aplikaci FlowPlayer na vašem webu. Stručně řečeno, na vašem webu nainstalujete 2 soubory SWF a soubor JavaScript. Ve spodní části kódu HTML (před značkou </ body>) přidáte řádek: </p> <blockquote> <script src = "flowplayer.min.js"> </ script> </blockquote><p> Aplikace Internet Explorer však video stále nehraje, musíte se naučit, jak rozpoznat značky HTML 5. </p> <h3> Krok 2: Přesvědčte Internet Explorer, aby četl HTML 5 tagy </h3><p> V kódu Google se nazývá "HTML Shiv", který pomůže IE rozpoznat prvky HTML 5. Takže v <head> dokumentu HTML jej chcete odkazovat. Nejlepší je uzavřít do IE podmíněných komentářů, aby ostatní prohlížeče nebyli zmateni: </p> <blockquote> <! - [pokud IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [endif] -> </blockquote><p> Dobře, teď IE rozpozná tag <video>, ale neví, co dělat se zdrojovými soubory, které jste doposud zahrnovali. </p> <h3> Krok 3: Přidejte zdrojový řádek pro soubor FLV </h3><p> Stejně jako na předchozí stránce přidáte do HTML 5 řádek uvnitř prvku <video>, který označuje místo uložení souboru FLV na vašem serveru. </p> <blockquote> <video ovládání preload> <br> <zdroj src = "shasta.mp4" typ = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <zdroj src = "shasta.ogg" typ = 'video / ogg; kodeky = "theora, vorbis" '> <br> <strong><zdroj src = "shasta.flv" typ = 'video / x-flv;</strong> <strong>kodeky = "On2 VP6, Sorenson Spark, Video na obrazovce, Video na obrazovce 2, H.264">></strong> <br> </ video> </blockquote><p> <strong>09 z 10</strong> </p> <h3> Přidejte JavaScript a Flash Player k získání aplikace Internet Explorer k práci - část 2 </h3><p> Bohužel, stále ještě není hotovo. Musíme teď říct IE, že použijeme přehrávač videa FlowPlayer Flash, o kterém jsme se zmínili výše. </p> <h3> Krok 4: Přepněte element <video> do blesku </h3><p> K tomu potřebujeme další skript. Dostali jsme skript z <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">Dive Into HTML 5</a> . Když jsme to zkoušeli, nefungovalo to, dokud neprovedeme pár úprav: </p> <ul><li> Kolem řádku 31: přidejte umístění vaší instalace aplikace FlowPlayer. </li><li> Okolo řádku 42: změňte typ souboru z <blockquote> video / mp4 </blockquote> na <blockquote> video / x-flv </blockquote></li><li> Kolem řádku 94: začínáme <blockquote> pokud (!! $ && !! $ (dokument) .ready) { </blockquote> do konce dokumentu změnit tuto část a přečíst: <blockquote> // pokud (!! $ && !! $ (dokument) .ready) { <br> / * Uživatelé jQuery mohou inicializovat, jakmile je DOM připraven * / <br> // $ (dokument) .ready (html5_video_init); <br> //} jinak { <br> / * Každý může čekat až do vyčerpání * / <br> / * funkce addEvent přes http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / <br> var addEvent = funkce (obj, typ, fn) { <br> pokud (obj.addEventListener) <br> obj.addEventListener (typ, fn, false); <br> else if (obj.attachEvent) <br> obj.attachEvent (typ "on" +, funkce () {return fn.apply (obj, nové pole (window.event));}); <br> }} <br> addEvent (okno, "load", html5_video_init); <br> //} </blockquote></li></ul><p> Jakmile upravíte soubor JavaScript, nahrajte jej na server a propojte jej do dolní části stránky HTML (před </ body>): </p> <blockquote> <script src = "html5-video.js"> </ script> </blockquote><p> Pojď! Nyní, když jste udělali všechno, měli byste nahrát váš HTML, abyste mohli začít testovat. </p> <p> <strong>10 z 10</strong> </p> <h3> Testujte v co nejvíce prohlížečích </h3><p> Testování stránek s videem je kritické, pokud chcete mít úspěšné spuštění. Měli byste si určitou stránku vyzkoušet v nejoblíbenějších prohlížečích a verzích pro vaše webové stránky. </p> <p> Zjistili jsme, že zatímco je možné použít nástroje jako BrowserLab a AnyBrowser k testování videa, není to tak spolehlivé, jako vyvést stránku do prohlížeče sami. Když to uděláte, můžete skutečně vidět, zda funguje nebo ne. </p> <p> Protože jste se dostali ke všem potížím, aby kódovali vaše video ve třech formátech, měli byste ho otestovat, aby se ujistil, že se zobrazí ve všech třech formátech. To znamená, že minimálně byste měli vyzkoušet: </p> <ul><li> Firefox 3.5 </li><li> Safari 3 nebo 4 </li><li> Internet Explorer 7 nebo 8 </li></ul><p> Můžete testovat v Chromu, ale protože Chrome zobrazí všechny tři metody (dokonce i Flash, máte-li plugin), je těžké zjistit, zda se vyskytl problém s jedním z ostatních dvou nebo který kodek používá Chrome. </p> <p> Pro klid, měli byste také vyzkoušet ve starších prohlížečích, abyste zjistili, co dělají, zejména pokud mnoho čtenářů používá starší prohlížeče. </p> <h3> Získání videa v starších prohlížečích </h3><p> Stejně jako u jakékoli webové stránky, měli byste nejdříve zvážit, jak důležité je, aby tyto prohlížeče fungovaly. Pokud 90% vašich zákazníků používá Netscape, měli byste pro ně mít záložní plán. Ale pokud je méně než 1%, nemusí tolik záležet. </p> <p> Jakmile se rozhodnete, jaké prohlížeče se pokoušíte podpořit, nejjednodušší je jednoduše vytvořit pro ně stránku alternativou pro zobrazení videa. Na této alternativní stránce byste vložili video pomocí kódu HTML 4. A pak použijte nějakou formu detekce prohlížeče, abyste je tam přesměrovali, nebo jednoduše přidejte na tuto stránku odkaz. </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://cs.eyewated.com/vytvareni-tlacitek-html-na-formularich/"> <amp-img src="https://exse.eyewated.com/pict/2d691e7fe79532bf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/vytvareni-tlacitek-html-na-formularich/">Vytváření tlačítek HTML na formulářích</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/tabulkove-udaje-a-pouziti-tabulek-v-xhtml/"> <amp-img src="https://exse.eyewated.com/pict/0c22b38418ef3120-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/tabulkove-udaje-a-pouziti-tabulek-v-xhtml/">Tabulkové údaje a použití tabulek v XHTML</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/jaky-je-rozdil-mezi-znackami-tabulky-th-a-td-html/"> <amp-img src="https://exse.eyewated.com/pict/e20233b2c6ba3161-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/jaky-je-rozdil-mezi-znackami-tabulky-th-a-td-html/">Jaký je rozdíl mezi značkami tabulky TH a TD HTML?</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/existuje-znacka-mista-html/"> <amp-img src="https://exse.eyewated.com/pict/2d691e7fe79532bf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/existuje-znacka-mista-html/">Existuje značka místa HTML?</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/jak-vytvorit-html-prazdne-misto/"> <amp-img src="https://exse.eyewated.com/pict/d828541cc37d2fe5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/jak-vytvorit-html-prazdne-misto/">Jak vytvořit HTML prázdné místo</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/jak-nasadit-html-kody-pro-znaky-nemeckeho-jazyka/"> <amp-img src="https://exse.eyewated.com/pict/141f4379729d345c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/jak-nasadit-html-kody-pro-znaky-nemeckeho-jazyka/">Jak nasadit HTML kódy pro znaky německého jazyka</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/informace-o-dynamickem-html-dhtml/"> <amp-img src="https://exse.eyewated.com/pict/2e6355ad942f34bb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/informace-o-dynamickem-html-dhtml/">Informace o dynamickém HTML (DHTML)</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/co-je-id-atribut/">Co je ID atribut?</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/html5-canvas-uses/">HTML5 Canvas Uses</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://cs.eyewated.com/kodi-co-to-je-a-jak-to-pouzivat/"> <amp-img src="https://exse.eyewated.com/pict/bce2272338d42fef-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/kodi-co-to-je-a-jak-to-pouzivat/">Kodi: Co to je a jak to používat</a></h3> <div class="amp-related-meta"> Domácí kino </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/pouziti-raid-5-s-pocitacem-mac/"> <amp-img src="https://exse.eyewated.com/pict/a5f173bdf40f3107-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/pouziti-raid-5-s-pocitacem-mac/">Použití RAID 5 s počítačem Mac</a></h3> <div class="amp-related-meta"> Macy </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/instagram-a-profesionalni-fotograf/"> <amp-img src="https://exse.eyewated.com/pict/2d7af3ffe2933010-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/instagram-a-profesionalni-fotograf/">Instagram a profesionální fotograf</a></h3> <div class="amp-related-meta"> Sociální média </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/samsung-un46f8000-46-palcovy-led-lcd-smart-tv-fotografie-produktu/"> <amp-img src="https://exse.eyewated.com/pict/4e599c1cf7c338ff-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/samsung-un46f8000-46-palcovy-led-lcd-smart-tv-fotografie-produktu/">Samsung UN46F8000 46-palcový LED / LCD Smart TV - Fotografie produktu</a></h3> <div class="amp-related-meta"> Recenze produktů </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/co-je-roblox/"> <amp-img src="https://exse.eyewated.com/pict/56e08503848a339a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/co-je-roblox/">Co je Roblox?</a></h3> <div class="amp-related-meta"> Hry </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/odstranovani-potizi-s-vypustenym-fotoaparatem/"> <amp-img src="https://exse.eyewated.com/pict/60ccbed059ac3421-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/odstranovani-potizi-s-vypustenym-fotoaparatem/">Odstraňování potíží s vypuštěným fotoaparátem</a></h3> <div class="amp-related-meta"> Digitální fotoaparáty </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://cs.eyewated.com/samsung-bd-j7500-prehravac-disku-blu-ray-prezkoumat-cast-2-fotografie/"> <amp-img src="https://exse.eyewated.com/pict/3176e5ae9717362f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/samsung-bd-j7500-prehravac-disku-blu-ray-prezkoumat-cast-2-fotografie/">Samsung BD-J7500 přehrávač disků Blu-ray přezkoumat část 2 - fotografie</a></h3> <div class="amp-related-meta"> Recenze produktů </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/sledovani-zivych-letu-sest-zpusobu-jak-muzete-sledovat-letu-online/"> <amp-img src="https://exse.eyewated.com/pict/fae1de1155f733d2-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/sledovani-zivych-letu-sest-zpusobu-jak-muzete-sledovat-letu-online/">Sledování živých letů: šest způsobů, jak můžete sledovat letu online</a></h3> <div class="amp-related-meta"> Webové vyhledávání </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/touchcopy-recenze-prilis-skoda-ze-je-nejlepsi-vyber/"> <amp-img src="https://exse.eyewated.com/pict/fe4678a3e3203123-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/touchcopy-recenze-prilis-skoda-ze-je-nejlepsi-vyber/">TouchCopy recenze: Příliš škoda, že je nejlepší výběr</a></h3> <div class="amp-related-meta"> Software a aplikace </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/jak-bezpecne-vycistit-domaci-stereofonni-reproduktory/"> <amp-img src="https://exse.eyewated.com/pict/9b0749917f8e344c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/jak-bezpecne-vycistit-domaci-stereofonni-reproduktory/">Jak bezpečně vyčistit domácí stereofonní reproduktory</a></h3> <div class="amp-related-meta"> Domácí kino </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/vytvorte-inteligentni-seznamy-skladeb-v-itunes-ktere-se-automaticky-aktualizuji/"> <amp-img src="https://exse.eyewated.com/pict/4f90921ab2873515-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/vytvorte-inteligentni-seznamy-skladeb-v-itunes-ktere-se-automaticky-aktualizuji/">Vytvořte inteligentní seznamy skladeb v iTunes, které se automaticky aktualizují</a></h3> <div class="amp-related-meta"> Software a aplikace </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/7-wordpress-pluginy-pro-zvyseni-navstevnosti-blogu/"> <amp-img src="https://exse.eyewated.com/pict/d8fd03374638332e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/7-wordpress-pluginy-pro-zvyseni-navstevnosti-blogu/">7 Wordpress Pluginy pro zvýšení návštěvnosti blogu</a></h3> <div class="amp-related-meta"> Webové vyhledávání </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/syntaxe-olevia-lt32hv-32palcovy-lcd-televizor-720p-recenze/"> <amp-img src="https://exse.eyewated.com/pict/80369064dc2138d9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/syntaxe-olevia-lt32hv-32palcovy-lcd-televizor-720p-recenze/">Syntaxe Olevia LT32HV 32palcový LCD televizor 720P - recenze</a></h3> <div class="amp-related-meta"> Recenze produktů </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/odebrat-znak-ascii-127-v-aplikaci-excel/"> <amp-img src="https://exse.eyewated.com/pict/f8ef896e993c40f8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/odebrat-znak-ascii-127-v-aplikaci-excel/">Odebrat znak ASCII # 127 v aplikaci Excel</a></h3> <div class="amp-related-meta"> Software </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/jak-znasobit-cisla-v-aplikaci-excel/"> <amp-img src="https://exse.eyewated.com/pict/4af87240c46031c6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/jak-znasobit-cisla-v-aplikaci-excel/">Jak znásobit čísla v aplikaci Excel</a></h3> <div class="amp-related-meta"> Software </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/co-jsou-strukturalni-a-stredove-linie/"> <amp-img src="https://exse.eyewated.com/pict/20de04d939653449-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/co-jsou-strukturalni-a-stredove-linie/">Co jsou strukturální a středové linie?</a></h3> <div class="amp-related-meta"> Software </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/odstraneni-dodatecnych-prestavek-v-dokumentech-aplikace-word/"> <amp-img src="https://exse.eyewated.com/pict/eee4a36583dc3428-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/odstraneni-dodatecnych-prestavek-v-dokumentech-aplikace-word/">Odstranění dodatečných přestávek v dokumentech aplikace Word</a></h3> <div class="amp-related-meta"> Software </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/online-backup-faq/"> <amp-img src="https://exse.eyewated.com/pict/a0ea33f4b37a2f45-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/online-backup-faq/">Online Backup FAQ</a></h3> <div class="amp-related-meta"> Okna </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/pruvodce-nastavenim-a-pouzitim-dokovaci-stanice-cairo/"> <amp-img src="https://exse.eyewated.com/pict/5e32ac0b9b00324c-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/pruvodce-nastavenim-a-pouzitim-dokovaci-stanice-cairo/">Průvodce nastavením a použitím dokovací stanice Cairo</a></h3> <div class="amp-related-meta"> Linux </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/jak-poslat-stranou-vykrik-z-udalosti-kalendare-google/"> <amp-img src="https://exse.eyewated.com/pict/e3be2bfca07b3620-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/jak-poslat-stranou-vykrik-z-udalosti-kalendare-google/">Jak poslat stranou výkřik z události Kalendáře Google</a></h3> <div class="amp-related-meta"> E-mail a zasílání zpráv </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/nelze-se-pripojit-k-internetu-vyzkousejte-tyto-tipy/"> <amp-img src="https://exse.eyewated.com/pict/34170174e0683183-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/nelze-se-pripojit-k-internetu-vyzkousejte-tyto-tipy/">Nelze se připojit k Internetu? Vyzkoušejte tyto tipy</a></h3> <div class="amp-related-meta"> Internetová síť </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/do-amazon-prime-studenti-opravdu-dostat-dobrou-dohodu/"> <amp-img src="https://exse.eyewated.com/pict/a36e5315d4f5369e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/do-amazon-prime-studenti-opravdu-dostat-dobrou-dohodu/">Do Amazon Prime Studenti opravdu dostat dobrou dohodu?</a></h3> <div class="amp-related-meta"> Webové vyhledávání </div> </div> </div> </div></article> <footer class="amp-wp-footer"> <div class="amp-wp-footer-inner"> <a href="#" class="back-to-top">Back to top</a> <p class="copyright"> © 2024 cs.eyewated.com </p> <div class="amp-wp-social-footer"> <a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a> </div> </div> </footer> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.252 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 21:50:11 --> <!-- 0.001 -->