Ako používať YouTube, Vimeo a ďalšie online služby na hosťovanie videí v Dreamweaveri

Dizajnéri, ktorí práve začínajú používať Dreamweaver na integráciu multimédií do svojich výtvorov, by mali zjednodušiť používanie jednej z populárnych stránok na hosťovanie videa, ako sú YouTube alebo Vimeo. Tieto hostingové služby sa starajú o ukladanie, šírku pásma, kompresiu, formátovanie a doručovanie video aktív vašim používateľom.

Jediné, čo musíte urobiť, je nahrať svoje video súbory a potom zahrnúť špeciálny kód z tejto lokality do kódu HTML vašich webových stránok. Video sa prehráva na vašich stránkach, aj keď nie je hosťované na vašom webovom serveri.

Ak navrhujete stránku, ktorá obsahuje video, ktoré je dôverné, citlivé alebo používané na splnenie obchodných cieľov, pravdepodobne vám najlepšie poslúži sieť na doručovanie obsahu (CDN). Služby ako BrightCove, Akamai a webové služby Amazon sa nielen starajú o šírku pásma a doručovanie, ale ponúkajú aj možnosť prekódovania vašich videoklipov do správneho formátu, aby sa mohli bezproblémovo prehrávať na stolnom počítači, tablete a smartfóne.

YouTube je skvelá voľba, ak chcete, aby sa vaše video dostalo k najširšiemu publiku zadarmo, no vzdávate sa niektorých práv na svoje video výmenou za to, že ho budete hostiť na stránke. Podobne, keď na svoj web pridáte video zo služby YouTube, zostane vám prehrávač YouTube, ktorý obsahuje logo YouTube, ako aj reklamy, ktoré sa môžu zobraziť.

Nezabudnite si prečítať zmluvné podmienky na všetkých stránkach s videami, ktoré používate, aby ste plne porozumeli právam, ktoré môžete poskytnúť, a tomu, ako môže stránka v budúcnosti použiť vaše video.

Vimeo si získalo lojalitu rastúceho počtu profesionálov v oblasti videa, pretože ponúka profesionálnu úroveň služieb za rozumnú cenu, ktorá uľahčuje kontrolu práv na vaše vlastné videá a ponúka možnosť pridávať videá na vaše stránky bez loga Vimeo alebo odkazov na ďalšie videá na stránke.

Dnes sa zdá, že YouTube a Vimeo ponúkajú najlepšie možnosti pre väčšinu malých až stredne veľkých webových stránok, no objavujú sa konkurenti. Služby, ktoré tieto video spoločnosti ponúkajú, sa neustále menia, takže možno budete chcieť preskúmať najlepšie služby pre vaše potreby skôr, ako sa rozhodnete, kde budete svoje videá hostiť.

Medzi výhody hosťovania videa na stránkach ako YouTube alebo Vimeo patria:

  • Lepšia kompresia videa: YouTube aj Vimeo optimalizujú vaše video, keď ho nahrávate na ich servery, a často dosahujú lepšiu prácu, než by ste mohli vy sami.

  • Doručenie správnej verzie každému návštevníkovi: YouTube zistí rýchlosť pripojenia a zariadenie vašich návštevníkov a podľa toho doručí video. Ak navštívite YouTube s iPhone, uvidíte video vo formáte MP4. Pozrite si to isté video na počítači a uvidíte verziu Flash. Podobne, ak máte rýchle pripojenie 3G, uvidíte verziu s vyšším rozlíšením.

  • Správa nákladov na šírku pásma: Tieto služby vám môžu pomôcť ušetriť peniaze. Ak sa vaše videá stanú populárnymi a budete hosťovať svoje vlastné video, môžete prekročiť limity šírky pásma vášho webového hostiteľa a účtovať vám ďalšie poplatky. Keďže video využíva väčšiu šírku pásma ako iné typy obsahu, nadmerný obsah sa môže predražiť. Hostenie videa na YouTube alebo Vimeo znamená, že vás už nikdy neprekvapia extra poplatky za šírku pásma za video.

Hostenie videa na YouTube alebo Vimeo je jednoduché. Funguje to takto:

Vytvorte si účet na stránke vyplnením formulára (alebo sa prihláste do svojho účtu, ak ho už máte).

Ak chcete využívať služby na profesionálnej úrovni na Vimeo, musíte tiež zaplatiť poplatok.

Nahrajte svoje súbory na stránku prostredníctvom webového prehliadača.

V tomto procese sa video nahrá a zakóduje, čo môže trvať niekoľko minút v závislosti od lokality a jej vyťaženosti.

Postupujte podľa pokynov na skopírovaní kódu potrebného na vloženie videa na web.

Napríklad v službe YouTube kliknite na tlačidlo Vložiť, čím sa zobrazí dialógové okno, v ktorom môžete ovládať, ako sa video zobrazí vašim používateľom.

Ako používať YouTube, Vimeo a ďalšie online služby na hosťovanie videí v Dreamweaveri

Otvorte svoju webovú stránku v aplikácii Dreamweaver. V kóde HTML na stránke kliknite na miesto, kde sa má video zobraziť, a potom prilepte útržok kódu.

Použite rozdelené zobrazenie Dreamweaveru, aby ste uľahčili nájdenie správneho miesta na prilepenie kódu a uistite sa, že kód prilepíte do Dreamweaveru v zobrazení Kód, nie v zobrazení Návrh.

Leave a Comment

Vlákno a prepojenie textových rámov InDesign CS5

Vlákno a prepojenie textových rámov InDesign CS5

Naučte sa, ako prepojiť (prepojiť) textové rámčeky v InDesign Creative Suite 5, aby medzi nimi mohol plynúť text a optimalizovať tak svoje publikácie.

Prepojiť a vložiť obrázky do dokumentov InDesign CS5

Prepojiť a vložiť obrázky do dokumentov InDesign CS5

Obrázky, ktoré importujete do dokumentov InDesign, môžu byť prepojené alebo vložené. Pochopte, kedy použiť každú metódu pre optimalizované publikovanie.

Ako upraviť akciu vo Photoshope CS6

Ako upraviť akciu vo Photoshope CS6

Adobe Photoshop CS6 vám umožňuje upravovať akcie. Naučte sa, ako upraviť akcie, aby ste dosiahli požadované výsledky pri práci s obrázkami.

Ako umiestniť a orezať kresbu v aplikácii Adobe Illustrator

Ako umiestniť a orezať kresbu v aplikácii Adobe Illustrator

Predtým, ako sa naučíte orezávať obrázky v aplikácii Adobe Illustrator, musíte najprv umiestniť obrázky. Preskúmajte, ako vložiť a prepojiť súbory a umiestniť text do cesty.

Prispôsobenie a používanie pravítka a príručky Adobe CS5 Illustrator

Prispôsobenie a používanie pravítka a príručky Adobe CS5 Illustrator

Adobe Illustrator v rámci Adobe CS5 ponúka pokročilé metódy pre efektívne usporiadanie a umiestňovanie ilustrácií. Prispôsobenie pravítka a sprievodcov vám pomôže dosiahnuť presné výsledky.

Zmeňte nastavenie dokumentu InDesign CS5

Zmeňte nastavenie dokumentu InDesign CS5

Naučte sa, ako zmeniť nastavenie dokumentu v InDesign Creative Suite 5 vrátane veľkosti strán a počtu strán. Toto je praktický sprievodca pre efektívnu prácu s dokumentmi.

Ako vytvoriť orezové cesty v programe Adobe Photoshop CS6

Ako vytvoriť orezové cesty v programe Adobe Photoshop CS6

Naučte sa, ako vytvoriť orezové cesty v Adobe Photoshop CS6 pre dokonalé siluety, ktoré sú vhodné na prenášanie do iných aplikácií na zalamovanie textu. Orezové cesty sú základom pre efektívnu prácu s grafikou.

Ako nastaviť zásady správy farieb vo Photoshope CS6

Ako nastaviť zásady správy farieb vo Photoshope CS6

Naučte sa, ako nastaviť zásady správy farieb vo Photoshope CS6, aby ste optimálne spravovali farebné profily a dosiahli presné farby vo svojich projektoch.

Úprava tabuľky v programe Adobe CS5 Dreamweaver

Úprava tabuľky v programe Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver ponúka efektívne metódy na úpravu tabuliek, vrátane pridávania a odstraňovania riadkov a stĺpcov. Naučte sa optimalizovať svoje tabulky pre lepšie SEO.

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Pri navrhovaní v aplikácii Adobe Illustrator CC často potrebujete presnú veľkosť tvarov. Zmeňte veľkosť tvarov rýchlo pomocou nástroja Transformácia a rôznych techník.