Přidání videa v aplikaci Dreamweaver

Naposledy aktualizováno 25. 9. 2023

Získejte další informace o vkládání videí na webové stránky a souborů FLV v aplikaci Dreamweaver.

Vložení videa na webové stránky (HTML5)

Kód HTML5 podporuje video a audiotagy, které umožňují uživatelům v prohlížeči přehrávat video a audiosoubory bez použití externího doplňku nebo přehrávače. Aplikace Dreamweaver podporuje pro přidávání video a audiotagů nápovědu při psaní kódu.

Video se otevře v živém zobrazení, které nabídne náhled videa vkládaného na webovou stránku.

Poznámka

Na webovou stránku můžete vložit jakékoli video, v živém zobrazení se však některá videa nemusí otevřít. Audio a videotagy jsou v aplikaci Dreamweaver podporovány prostřednictvím doplňku Apple QuickTime. Pokud není doplněk Apple QuickTime v systému Windows nainstalován, multimediální obsah se na webové stránce nezobrazí.

Postup vkládání videa HTML5 naleznete v části Vkládání videí HTML5 v aplikaci Dreamweaver.

Vkládání souborů FLV

Vložit soubory FLV

Můžete snadno přidat FLV video na své webové stránky, aniž byste museli používat vývojářský nástroj Flash. Abyste mohli začít, je nutné mít kódovaný soubor FLV.

Dreamweaver vloží komponentu SWF, která zobrazuje soubor FLV; při zobrazení v prohlížeči tato komponenta zobrazuje vybraný soubor FLV a také sadu ovládacích prvků přehrávání.

Vybraný soubor FLV a sada ovládacích prvků pro přehrávání

Dreamweaver vám poskytuje následující možnosti pro dodávání videa ve formátu FLV návštěvníkům vašich stránek:

Stahované video

Stáhne soubor FLV na pevný disk návštěvníka webu a následně ho přehraje.Na rozdíl od tradičních metod doručování video obsahu typu „stáhnout a přehrát" však progresivní stahování umožňuje spuštění přehrávání video souboru před dokončením stahování.

Streamované video

Načítá datový proud obsahu videa a přehrává jej na webové stránce po krátké době ukládání do vyrovnávací paměti, což zajišťuje plynulé přehrávání. Chcete-li na svých webových stránkách povolit datové proudy videa, musíte mít přístup k serveru Adobe® Flash® Media Server.

Abyste mohli s videem pracovat v aplikaci Dreamweaver, je nutné mít kódovaný soubor FLV. Můžete vkládat soubory videa vytvořené pomocí dvou druhů kodeků (technologií komprese/dekomprese): Sorenson Squeeze a On2.

Stejně jako u běžných souborů SWF aplikace Dreamweaver při vložení souboru FLV vloží kód, který zjistí, zda má uživatel správnou verzi aplikace Flash Player k zobrazení videa. Pokud uživatel správnou verzi nemá, na stránce se zobrazí alternativní obsah, který vyzve uživatele ke stažení nejnovější verze aplikace Flash Player.

Poznámka

Aby uživatelé mohli zobrazit soubory FLV, musí mít v počítačích nainstalovánu aplikaci Flash Player 8 nebo novější. Pokud uživatel nemá nainstalovánu požadovanou verzi aplikace Flash Player, ale má aplikaci Flash Player 6.0 r65 nebo novější, v prohlížeči se místo alternativního obsahu zobrazí instalační program aplikace Flash Player. Pokud uživatel expresní instalaci odmítne, zobrazí se na stránce alternativní obsah.

Další informace o práci s videem najdete v technologickém centru Video Technology Center na adrese www.adobe.com/go/flv_devcenter_cz.

Vložení souboru FLV

Vyberte možnost Vložit > HTML > Video Flash.

Vkládání videa Flash
Vkládání videa Flash

V dialogovém okně Vložit FLV vyberte z rozbalovací nabídky Typ videa možnost Postupné stahování nebo Video streaming.
Vyplňte zbytek možností dialogového okna a klikněte na tlačítko OK.
Poznámka

Microsoft Internet Information Server (IIS) nezpracovává vnořené značky objektů. Pro stránky ASP používá aplikace Dreamweaver vnořený kód object/embed namísto vnořeného kódu objektu při vkládání SWF nebo FLV souborů.

Nastavení možností pro progresivní stahování video

Dialogové okno Vložit FLV umožňuje nastavit možnosti pro progresivní stahování FLV souboru vloženého do webové stránky.

Vyberte možnost Vložit > HTML > Video Flash (nebo klikněte na ikonu Video Flash v kategorii HTML na panelu Vložit).

V dialogovém okně Vložit FLV vyberte možnost Progresivní stahování videa z nabídky Typ videa.
Vkládání videa Flash
Vkládání videa Flash

Určete následující možnosti:

URL

Určuje relativní nebo absolutní cestu k souboru FLV. Chcete-li zadat relativní cestu (například mypath/myvideo.flv), klikněte na tlačítko Procházet, přejděte na soubor FLV a vyberte jej. Chcete-li zadat absolutní cestu, zadejte URL (například http://www.example.com/myvideo.flv) souboru FLV.

Vzhled

Určuje vzhled komponenty videa. Náhled vybraného vzhledu se zobrazí pod rozbalovací nabídkou Vzhled.

Šířka

Šířka souboru FLV v obrazových bodech. Aplikace Dreamweaver určuje šířku souboru FLV, kterou automaticky zobrazí v tomto poli.

Výška

Výška souboru FLV v obrazových bodech. Aplikace Dreamweaver automaticky optimalizuje výšku souboru FLV, kterou automaticky zobrazí v tomto poli.

Poznámka

Hodnota Celkem se vzhledem představuje šířku a výšku souboru FLV a navíc šířku a výšku vybraného vzhledu.

Omezit

Zachovává stejný poměr stran mezi šířkou a výškou videokomponenty.Tato volba je vybrána standardně.

Přehrát automaticky

Určuje, zda se má video přehrávat při otevření webové stránky.

Automaticky přetočit zpět

Určuje, zda se má ovládání přehrávání vrátit na výchozí pozici po dokončení přehrávání videa.

Kliknutím na OK zavřete dialogové okno a přidáte soubor FLV na web stránku.

Příkaz Vložit FLV generuje soubor SWF přehrávače videa a soubor SWF vzhledu, které se používají k zobrazení obsahu videa na web stránce. (Chcete-li zobrazit nové soubory, možná budete muset kliknout na tlačítko Aktualizovat v panelu Soubory.) Tyto soubory se ukládají do stejného adresáře jako soubor HTML, do kterého přidáváte obsah videa. Když nahrajete HTML stránku obsahující soubor FLV, Dreamweaver nahraje tyto soubory jako závislé soubory (pokud kliknete na Ano v dialogovém okně Odeslat závislé soubory).

Nastavení voleb pro streamované video

Dialogové okno Vložit FLV umožňuje nastavit možnosti pro streamované stahování videa souboru FLV vloženého do web stránky.

Vyberte možnost Vložit > HTML > Video Flash (nebo klikněte na ikonu Video Flash v kategorii HTML na panelu Vložit).

V rozevírací nabídce Typ videa vyberte možnost Streamované video.
Nastavení možností pro streamované video
Nastavení možností pro streamované video

URI serveru

Určuje název serveru, název aplikace a název instance ve formátu rtmp://www.example.com/app_name/instance_name.

Název streamu

Určuje název FLV souboru, který chcete přehrát (například myvideo.flv). Přípona .flv je volitelná.

Vzhled

Určuje vzhled komponenty videa. Náhled vybraného vzhledu se zobrazí pod místní nabídkou Vzhled.

Šířka

Šířka souboru FLV v obrazových bodech. Aplikace Dreamweaver určuje šířku souboru FLV a automaticky ji vyplňuje do tohoto pole.

Výška

Výška souboru FLV v obrazových bodech. Aplikace Dreamweaver určuje výšku souboru FLV v obrazových bodech a automaticky ji vyplňuje do tohoto pole.

Poznámka

Hodnota Celkem se vzhledem představuje šířku a výšku souboru FLV a navíc šířku a výšku vybraného vzhledu.

Omezit

Zachová stejný poměr šířky a výšky komponenty videa. Tato volba je vybrána standardně.

Živý přenos videa

Určuje, zda je obsah videa živý. Pokud vyberete volbu Živý přenos videa, přehrávač Flash Player přehraje živý přenos videa streamovaný ze serveru Flash® Media Server. Název živého přenosu videa se zadává do textového pole Název streamu.

Poznámka

Chcete-li povolit živý přenos videa, musíte si v poli Vzhled vybrat jednu z možností vzhledu s haló efektem. Po výběru možnosti Živý přenos videa se ve vzhledu komponenty zobrazí pouze ovládání hlasitosti, protože s živým přenosem nelze manipulovat. Volby Přehrát automaticky a Automaticky přetočit zpět také nelze použít.

Přehrát automaticky

Určuje, zda se má video přehrát při otevření webové stránky.

Automaticky přetočit zpět

Určuje, zda se ovládání přehrávání vrátí na počáteční pozici po dokončení přehrávání videa.

Doba ukládání do vyrovnávací paměti

Určuje čas v sekundách potřebný pro ukládání do vyrovnávací paměti před spuštěním přehrávání videa. Výchozí čas vyrovnávací paměti je nastaven na 0, takže video začne hrát okamžitě po kliknutí na tlačítko Přehrát. (Pokud je vybrána možnost Automatické přehrávání, video začne hrát hned po navázání spojení se serverem.) Možná budete chtít nastavit čas vyrovnávací paměti, pokud poskytujete video s vyšší bitovou rychlostí, než je rychlost připojení návštěvníka webu, nebo když internetový provoz může způsobit problémy s šířkou pásma nebo konektivitou. Například pokud chcete odeslat 15 sekund videa na webovou stránku před tím, než webová stránka začne video přehrávat, nastavte čas vyrovnávací paměti na 15.

Kliknutím na tlačítko OK zavřete dialogové okno a přidáte soubor FLV na webovou stránku.

Příkaz Vložit FLV generuje SWF soubor přehrávače videa a SWF soubor vzhledu, které se používají k zobrazení vašeho videa na webové stránce. Příkaz také generuje soubor main.asc, který musíte nahrát na Flash Media Server.(Pro zobrazení nových souborů možná budete muset kliknout na tlačítko Aktualizovat v panelu Soubory.) Tyto soubory jsou uloženy ve stejném adresáři jako HTML soubor, do kterého přidáváte video.Když nahráváte HTML stránku obsahující FLV soubor, nezapomeňte nahrát SWF soubory na webový server a soubor main.asc na Flash Media Server.

Poznámka

Pokud již máte soubor main.asc na serveru, před nahráním souboru main.asc generovaného příkazem Vložit FLV se poraďte se správcem serveru.

Můžete snadno nahrát všechny požadované mediální soubory výběrem zástupného symbolu komponenty videa v okně Dokumentu aplikace Dreamweaver a kliknutím na tlačítko Nahrát média v inspektoru Vlastnosti (Okno > Vlastnosti). Pro zobrazení seznamu požadovaných souborů klikněte na Zobrazit požadované soubory.

Poznámka

Tlačítko Nahrát média nenahrává HTML soubor, který obsahuje video obsah.

Úprava informací o stahování aplikace Flash Player

Při vložení souboru FLV do stránky vloží aplikace Dreamweaver kód, který zjišťuje, zda má uživatel správnou verzi aplikace Flash Player. Pokud ne, zobrazí se na stránce výchozí alternativní obsah, který uživatele vyzve ke stažení nejnovější verze. Tento alternativní obsah můžete kdykoli změnit.

Tento postup se vztahuje také na soubory SWF.

Poznámka

Pokud uživatel nemá požadovanou verzi, ale má aplikaci Flash Player 6.0 r65 nebo novější, zobrazí se v prohlížeči expresní instalační program aplikace Flash Player. Pokud uživatel expresní instalaci odmítne, zobrazí se na stránce alternativní obsah.

V zobrazení Návrh v okně Dokument vyberte soubor SWF nebo soubor FLV.

Klepněte na ikonu oka v souboru SWF nebo FLV.

Poznámka

Můžete také stisknout kombinaci kláves Ctrl + ] pro přepnutí do zobrazení alternativního obsahu. Pro návrat do zobrazení SWF/FLV stiskněte kombinaci kláves Ctrl + [ dokud není vybrán veškerý alternativní obsah. Poté stiskněte znovu kombinaci kláves Ctrl + [.

Upravte obsah stejně jako byste upravovali jakýkoli jiný obsah v aplikaci Dreamweaver.
Poznámka

Nemůžete přidat SWF soubory nebo FLV soubory jako alternativní obsah.

Kliknutím na ikonu oka se vrátíte k zobrazení souboru SWF nebo FLV.

Odstraňování problémů v souborech FLV

Tato část podrobně popisuje některé nejčastější příčiny problémů se soubory FLV.

Problémy se zobrazením způsobené absencí souvisejících souborů

Kód generovaný aplikací Dreamweaver CS4 a novější spoléhá na čtyři závislé soubory, které se liší od samotného souboru FLV:

  • swfobject_modified.js

  • expressInstall.swf

  • FLVPlayer_Progressive.swf

  • Soubor se vzhledem (např. Clear_Skin_1.swf)

Všimněte si, že pro Dreamweaver CS4 a novější existují dva další závislé soubory ve srovnání s Dreamweaver CS3.

První dva z těchto souborů (swfobject_modified.js a expressInstall.swf) jsou nainstalovány ve složce s názvem Scripts, kterou Dreamweaver vytvoří v kořenovém adresáři vašeho webu, pokud ještě neexistuje.

Druhé dva soubory (FLVPlayer_Progressive.swf a soubor vzhledu) jsou nainstalovány ve stejné složce jako stránka, do které je FLV vloženo.Soubor vzhledu obsahuje ovládací prvky pro FLV a jeho název závisí na vzhledu zvoleném v možnostech popsaných v nápovědě aplikace Dreamweaver.Pokud například zvolíte Clear Skin, soubor se bude jmenovat Clear_Skin_1.swf.

Všechny čtyři závislé soubory MUSÍ být nahrány na vzdálený server, aby se FLV zobrazilo správně.

Zapomenutí nahrát tyto soubory je nejčastější příčinou nesprávného fungování souborů FLV na webové stránce.Pokud jeden ze souborů chybí, můžete na stránce vidět "bílý rámeček".

Chcete-li zajistit, že jste nahráli všechny závislé soubory, použijte panel Soubory aplikace Dreamweaver k nahrání stránky, na které se FLV objevuje.Když stránku nahrajete, Dreamweaver se zeptá, zda chcete nahrát závislé soubory (pokud jste tuto volbu nevypnuli). Klepněte na tlačítko Ano a soubory nahrajte.

Problémy se zobrazením při místním náhledu stránek

Kvůli bezpečnostním aktualizacím v Dreamweaver CS4 nemůžete použít příkaz Náhled v prohlížeči k testování stránky s vloženým FLV, pokud v definici místa Dreamweaver nedefinujete místní testovací server a k náhledu stránky nepoužijete testovací server.

Obvykle vyžadujete testovací server pouze v případě, že vyvíjíte stránky s ASP, ColdFusion nebo PHP (viz Nastavení počítače pro vývoj aplikací).Pokud vytváříte weby produktu, které používají pouze HTML, a nedefinovali jste testovací server, stisknutí F12 (Windows) Opt+F12 (Macintosh) způsobí na obrazovce zmatek ovládacích prvků vzhledu. Řešením je buď definovat testovací server a použít testovací server k náhledu stránky, nebo nahrát soubory na vzdálený server a zobrazit je tam.

Poznámka

Je možné, že za nemožnost zobrazit náhled místního FLV obsahu mohou být odpovědná také nastavení zabezpečení, ale společnost Adobe to nebyla schopna potvrdit.Můžete zkusit nastavení zabezpečení upravit a ověřit, zda to váš problém vyřeší. Další informace o změnách nastavení zabezpečení naleznete v tématu Technická poznámka 117502.

Další možné příčiny problémů se soubory FLV

  • Pokud máte potíže se zobrazením náhledu na místním počítači, ujistěte se, že je v nabídce Úpravy > Předvolby > Náhled v reálném čase odznačena možnost Náhled s použitím dočasného souboru.

  • Ujistěte se, že vlastníte nejnovější zásuvný modul FlashPlayer

  • Vyhněte se přesouvání souborů a složek vně aplikaci Dreamweaver. Při přesouvání souborů a složek vně aplikaci Dreamweaver nelze zaručit správnou cestu k souborům související se soubory FLV.

  • Problémový soubor FLV můžete dočasně nahradit jiným, o kterém víte, že pracuje správně. Pokud tento náhradní soubor funguje, není problém v prohlížeči nebo počítači, ale v původním souboru FLV.

Úprava nebo odstranění komponenty FLV

Změňte nastavení videa na webové stránce výběrem vyhrazeného místa pro komponentu videa v okně dokumentu aplikace Dreamweaver a pomocí Inspektoru vlastností. Další možností je odstranění komponenty videa a její opětovné vložení pomocí nabídky Vložit > HTML > Video Flash.

Úprava komponenty FLV

V okně dokumentu Dreamweaver vyberte zástupný symbol video komponenty kliknutím na ikonu FLV uprostřed zástupného symbolu.
Otevřete inspektor vlastností (Okno > Vlastnosti) a proveďte změny.
Poznámka

Pomocí inspektora vlastností nemůžete změnit typy video (například z postupného stahování na streamování). Chcete-li změnit typ video, odstraňte komponentu FLV a znovu ji vložte výběrem Vložit > Média > FLV.

Odstranění komponenty FLV

V okně dokumentu aplikace Dreamweaver vyberte zástupný symbol komponenty FLV a stiskněte Delete.

Přidání videa (jiné formáty)

Postup přidávání videí, která nejsou ve formátu FLV, najdete v části Přidání videa (ne FLV)

Možná také budete chtít vědět, jak v aplikaci Dreamweaver vložit obsah zásuvného modulu, abyste mohli přehrávat soubory MP3 nebo videa Quicktime ve webovém místě aplikace Dreamweaver.