Lägga till videor i Dreamweaver

HTML5 har stöd för video- och ljudtaggar, som gör det möjligt att spela upp video- och ljudfiler i webbläsaren utan att använda externa plugin-program eller spelare. Dreamweaver har stöd för kodtips för att lägga till video- och ljudtaggar.

I Live-vyn återges inbäddade videoklipp i form av förhandsvisningsklipp.

Mer information om hur du infogar HTML5-videor finns i Infoga HTML5-videor i Dreamweaver.

Infoga FLV-filer

Infoga FLV-filer

Du kan på ett enkelt sätt lägga till FLV-video på webbsidorna utan att använda Flash-redigeringsverktyget. Du måste ha en kodad FLV-fil innan du börjar.

Dreamweaver infogar en SWF-komponent som visar FLV-filen. När komponenten visas i en webbläsare innehåller den vald FLV-fil samt en uppsättning uppspelningskontroller.

Dreamweaver ger dig följande valmöjligheter när det gäller att visa FLV-video för webbplatsens besökare:

Gör att FLV-filen hämtas till besökarens hårddisk och spelas sedan upp. Till skillnad från traditionella sätt att visa filmer (att hämta och sedan spela upp filen) kan en progressivt nedladdad film emellertid börja spelas upp innan hela filen har hämtats.

Innebär att videon strömmas och spelas upp på webbsidan efter en kort buffringsperiod som gör att filmen går att spela upp utan att den hackar. Om du vill spela upp video direkt på dina webbsidor måste du ha tillgång till Adobe® Flash® Media Server.

Du måste ha en kodad FLV-fil innan du kan börja använda den i Dreamweaver. Du kan infoga videofiler som har skapats med två olika slags codecar (komprimerings-/dekomprimeringstekniker): Sorenson Squeeze och On2.

När du infogar en FLV-fil infogas koden (liksom vid vanliga SWF-filer) som identifierar om användarna har rätt version av Flash Player för att kunna visa videofilmen. Om användaren inte har rätt version visar sidan alternativt innehåll som uppmanar användaren att hämta den senaste versionen av Flash Player.

Mer information om att arbeta med video finns i Video Technology Center på www.adobe.com/go/flv_devcenter_se.

Infoga en FLV-fil

Ange alternativ för progressivt nedladdad video

I dialogrutan Infoga FLV kan du ange inställningar för progressiv nedladdning av en FLV-fil på en webbsida.

Ange alternativ för direktuppspelad video

I dialogrutan Infoga FLV kan du ange inställningar för nedladdning av en direktuppspelande FLV-fil på en webbsida.

Redigera hämtningsinformation för Flash Player

När du infogar en FLV-fil på en sida, infogas kod som identifierar om användaren har rätt version av Flash Player. Om så inte är fallet, visar sidan ett standardiserat alternativt innehåll som uppmanar användaren att hämta den senaste versionen. Du kan ändra det här alternativa innehållet när som helst.

Den här proceduren gäller också för SWF-filer.

Felsöka FLV-filer

Här finns information om några av de vanligaste problemen som inträffar med FLV-filer.

Visningsproblem på grund av relaterade filer som saknas

Den kod som skapas i Dreamweaver CS4 och senare är kopplad till fyra s.k. beroende filer, utöver själva FLV-filen:

• swfobject_modified.js

• expressInstall.swf

• FLVPlayer_Progressive.swf

• Skalfilen (till exempel Clear_Skin_1.swf)

Observera att Dreamweaver CS4 och senare har två beroende filer som inte används i Dreamweaver CS3.

De båda första filerna (swfobject_modified.js och expressInstall.swf) installeras i mappen Skript, som skapas i webbplatsens rot om den inte finns där redan.

De två sista filerna (FLVPlayer_Progressive.swf och skalfilen) installeras i samma mapp som den sida där FLV bäddas in. Skalfilen innehåller kontrollerna för FLV, och skalfilens namn beror på det skal som väljs med alternativen enligt Dreamweaver-hjälpen. Om du väljer till exempel Clear Skin heter filen Clear_Skin_1.swf.

Samtliga av de fyra beroende filerna måste föras över till fjärrservern om din FLV ska visas på rätt sätt.

Den vanligaste orsaken till att FLV-filer inte körs som de ska i en webbsida är att de beroende filerna inte har överförts. Om någon av filerna saknas kanske en vit ruta visas på sidan.

Använd Filpanelen i Dreamweaver för att säkerställa att alla beroende filer har överförts och för att överföra den sida där FLV används. När du skickar sidan blir du ombedd att ange om de beroende filerna ska överföras (om du inte har inaktiverat det alternativet). Klicka på Ja för att skicka de beroende filerna.

Visningsproblem när sidor förhandsgranskas lokalt

På grund av säkerhetsuppdateringar i Dreamweaver CS4 går det inte att provköra en sida med inbäddad FLV genom att använda kommandot Förhandsvisa i webbläsaren. Du kan dock förhandsvisa sidan genom att definiera en lokal testserver i platsdefinitionen i Dreamweaver och sedan använda testservern.

Normalt behövs en testserver bara om du utvecklar sidor med ASP, ColdFusion eller PHP (se Konfigurera datorn för programutveckling). Om du skapar webbplatser där enbart HTML används och du inte har definierat en testserver, visas flera skalkontroller i oordning om du trycker på F12 (Windows) eller Alternativ+F12 (Macintosh). Du kan lösa problemet genom att definiera en testserver och använda den när du förhandsgranskar sidan, eller genom att överföra filerna till en fjärrserver och visa dem där.

Andra möjliga orsaker till problem med FLV-filer

• Om du inte kan förhandsvisa lokalt bör du kontrollera att alternativet Förhandsgranska med temporär fil är avmarkerat i Redigera > Inställningar > Förhandsvisning i realtid.

• Kontrollera att det senaste plugin-tillägget för FlashPlayer används.

• Var försiktig med att flytta filer och mappar utanför Dreamweaver. Om du flyttar filer och mappar utanför Dreamweaver, kanske sökvägarna till FLV-relaterade filer inte stämmer.

• En FLV-fil som ger upphov till problem kan du tillfälligt ersätta med en fungerande FLV-fil. Om ersättningsfilen fungerar beror problemet på den ursprungliga FLV-filen, inte på webbläsaren eller datorn.

Redigera eller ta bort en FLV-komponent

Ändra inställningarna för video på webbsidan genom att välja platshållaren för videokomponenten i dokumentfönstret i Dreamweaver och använda egenskapskontrollen. Ett annat sätt är att ta bort videokomponenten och infoga den igen genom att välja Infoga > HTML > Flash-video.

Redigera FLV-komponenten

Ta bort FLV-komponenten

Lägg till video (andra format)

Mer information om hur du lägger till videor som inte är FLV-filer finns i Lägg till video (inte FLV). 

Du kanske också vill veta hur du infogar material till plugin-program i Dreamweaver för att spela upp mp3-filer eller QuickTime-videor på Dreamweaver-platsen.