Jak používat YouTube, Vimeo a další online služby k hostování videí v Dreamweaveru

Návrháři, kteří právě začínají používat Dreamweaver k integraci multimédií do svých výtvorů, by si měli zjednodušit používání jedné z oblíbených videohostingových stránek, jako je YouTube nebo Vimeo. Tyto hostingové služby se starají o ukládání, šířku pásma, kompresi, formátování a doručování videosouborů vašim uživatelům.

Jediné, co musíte udělat, je nahrát vaše video soubory a poté zahrnout speciální kód z tohoto webu do HTML kódu vašich webových stránek. Video se přehrává na vašich stránkách, i když není hostováno na vašem webovém serveru.

Pokud navrhujete web, který obsahuje video, které je důvěrné, citlivé nebo používané ke splnění obchodních cílů, pravděpodobně vám nejlépe poslouží síť pro doručování obsahu (CDN). Služby jako BrightCove, Akamai a webové služby Amazon nejen zpracovávají šířku pásma a doručování, ale také nabízejí možnost překódování vašich videoklipů do správného formátu, takže je lze bez problémů přehrávat na stolním počítači, tabletu a chytrém telefonu.

YouTube je skvělá volba, pokud chcete, aby se vaše video dostalo k nejširšímu publiku zdarma, ale vzdáváte se některých práv na své video výměnou za jeho hostování na webu. Podobně, když na svůj web přidáte video z YouTube, zůstanete u přehrávače YouTube, který obsahuje logo YouTube a také reklamy, které se mohou zobrazovat.

Ujistěte se, že jste si přečetli smluvní podmínky na všech stránkách s videem, které používáte, abyste plně porozuměli právům, která můžete udělovat, a tomu, jak může stránka vaše video v budoucnu použít.

Vimeo si získalo loajalitu stále většího počtu profesionálů v oblasti videa, protože nabízí za rozumnou cenu profesionální úroveň služeb, která usnadňuje kontrolu práv k vašim vlastním videím a nabízí možnost přidávat videa na vaše stránky bez loga Vimeo nebo odkazů na další videa na webu.

Dnes se zdá, že YouTube a Vimeo nabízejí nejlepší možnosti pro většinu malých až středně velkých webů, ale objevují se konkurenti. Služby, které tyto video společnosti nabízejí, se neustále mění, takže možná budete chtít prozkoumat nejlepší služby pro vaše potřeby, než se rozhodnete, kde budete svá videa hostovat.

Mezi výhody hostování videa na webu, jako je YouTube nebo Vimeo, patří následující:

  • Lepší komprese videa: YouTube i Vimeo optimalizují vaše video, když je nahrajete na jejich servery, a často odvedou lepší práci, než byste mohli vy sami.

  • Doručení správné verze každému návštěvníkovi: YouTube zjistí rychlost připojení a zařízení vašich návštěvníků a podle toho doručí video. Pokud navštívíte YouTube s iPhonem, uvidíte video ve formátu MP4. Podívejte se na stejné video na počítači a uvidíte verzi Flash. Podobně, pokud máte rychlé připojení 3G, uvidíte verzi s vyšším rozlišením.

  • Správa nákladů na šířku pásma: Tyto služby vám mohou pomoci ušetřit peníze. Pokud se vaše videa stanou populárními a hostujete své vlastní video, můžete překročit limity šířky pásma vašeho webového hostitele a účtovat si další poplatky. Vzhledem k tomu, že video využívá větší šířku pásma než jiné typy obsahu, přebytek se může prodražit. Hostování videa na YouTube nebo Vimeo znamená, že vás nikdy nepřekvapí poplatky za šířku pásma navíc za video.

Hostování videa na YouTube nebo Vimeo je snadné. Funguje to takto:

Vytvořte si účet na webu vyplněním formuláře (nebo se přihlaste ke svému účtu, pokud jej již máte).

Pokud chcete na Vimeo využívat služby na profesionální úrovni, musíte také zaplatit poplatek.

Nahrajte své soubory na web prostřednictvím webového prohlížeče.

V tomto procesu se video nahraje a zakóduje, což může trvat několik minut v závislosti na webu a jeho vytíženosti.

Postupujte podle pokynů na webu pro zkopírování kódu potřebného k vložení videa na váš web.

Například na YouTube klikněte na tlačítko Vložit, které zobrazí dialogové okno, ve kterém můžete ovládat, jak se bude video zobrazovat vašim uživatelům.

Jak používat YouTube, Vimeo a další online služby k hostování videí v Dreamweaveru

Otevřete svou webovou stránku v aplikaci Dreamweaver. V kódu HTML na stránce klikněte na místo, kde se má video zobrazit, a vložte fragment kódu.

Pomocí rozděleného zobrazení Dreamweaveru usnadníte nalezení správného místa pro vložení kódu a ujistěte se, že kód vkládáte do Dreamweaveru v zobrazení Kód, nikoli v zobrazení Návrh.

Leave a Comment

Manipulace s textem a grafikou v rozvržení InDesign CC

Manipulace s textem a grafikou v rozvržení InDesign CC

InDesign nabízí mnoho nástrojů pro efektivní manipulaci s textem a grafikou v rozvržení. Optimalizujte své návrhy s nejnovějšími technikami.

Pochopení ořezových cest v aplikaci InDesign CC

Pochopení ořezových cest v aplikaci InDesign CC

Ořezové cesty jsou silným nástrojem pro práci s obrazovými součástmi v aplikaci InDesign. Tento článek popisuje, jak efektivně vytvářet a používat ořezové cesty pro odstranění pozadí a úpravu obrázků.

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytváření a používání ořezových cest v Adobe InDesign CS5 je užitečné pro blokování obrazových oblastí a obtékání textu. Naučte se užitečné tipy a triky, jak efektivně využít ořezové cesty.

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Naučte se, jak efektivně exportovat JPEG a PNG soubory z Adobe InDesign CS6 pro tisk. Ideální pro online publikování a sdílení obrázků.

Jak formátovat odstavce ve Photoshopu CS6

Jak formátovat odstavce ve Photoshopu CS6

Naučte se, jak efektivně formátovat odstavce v Adobe Photoshopu CS6 pomocí funkce Panel Odstavec.

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Objevte, jak efektivně používat perspektivní mřížku v Adobe Illustrator CS6 pro úspěšné ilustrace. Naučte se klíčové kroky a tipy pro tvorbu a úpravy.

Jak upravit příběhy InDesign CC

Jak upravit příběhy InDesign CC

Naučte se, jak efektivně upravit textové příběhy v Adobe InDesign CC pomocí vestavěného editoru příběhů a pokročilých funkcí.

Práce s obrázky v Adobe XD

Práce s obrázky v Adobe XD

Efektivní techniky pro práci s obrázky v Adobe XD, včetně úpravy velikosti, maskování, oříznutí, rotace a pokročilých úprav ve Photoshopu.

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Naučte se, jak přidat <strong>průhlednost</strong> do přechodu ve Photoshopu CS6 a dosáhnout tak efektivního vzhledu pro své projekty.

Kreslení tvarů v publikaci InDesign CS5

Kreslení tvarů v publikaci InDesign CS5

Vytvářejte tvary, jako jsou obdélníky a elipsy, v dokumentu InDesign CS5 pomocí nástrojů tvarů. Získejte užitečné tipy pro optimalizaci vašeho designu.