Hur man sätter in ljud och videofiler i Dreamweaver - dummies

Även om du kan använda Dreamweaver för att infoga videofiler direkt på en webbsida, är vårt bästa råd att använda en av videotjänsterna, t.ex. som YouTube eller Vimeo.

När du väljer Media från Insert-menyn hittar du flera video- och ljudalternativ. Om du vill infoga videofiler som finns i ett av de äldre och mer proprietära formaten, som Windows Media Video (.wmv) eller QuickTime (. Mov), väljer du alternativet Plugin från rullgardinsmenyn Media i Infoga meny.

Om du vill använda de senaste videofilmerna med HTML5-videotaggen kan du lägga in video i MP4-, WebM- eller Ogg Theora-format genom att följa dessa steg:

1. Klicka där du vill filen som ska visas på din webbsida.

2. Välj Infoga → Media → HTML5 Video.

   Du kan också klicka på rullgardinsmenyn i Insert-panelen, välj Media och välj sedan HTML 5 Video. En liten grå ruta med en filmikon visas i din design.

   

3. Klicka på den lilla grå rutan som innehåller en filmikon.

   Videoegenskaperna visas i egenskapskontrollen längst ned på skärmen.

4. I fältet Källa i egenskapsinspektören anger du webbadressen till din videofil eller väljer ikonen Bläddra och väljer sedan en videofil på hårddisken.

   När du har valt filen visas sökvägen och filnamnet i källfönstret.

   

5. (Valfritt) Använd fältet Alt Source 1 och Alt Source 2 för att ange webbadressen eller bläddra och välj video i ytterligare format.

   En av komplexiteten att använda HTML5-videotaggen är att du kan använda den med tre videoformat: mp4, Ogg Theora och webM. Om du vill att din video ska spelas i alla populära webbläsare måste du inkludera videon i alla tre format.

   Du ser att alla tre källfälten fylls i med videor i vart och ett av dessa format. Dessutom kan du inkludera en Flash-video för äldre webbläsare i fältet Flash Fallback.

   Om du tycker att det är galet att du måste bädda in fyra olika videofiler i fyra olika format, är du inte ensam. Denna komplexitet beror på bristen på överenskommelse bland webbläsarföretag om vilket format som är bäst för video.

   En annan fördel med att använda Vimeo eller YouTube är att du kan ladda upp en video i bara ett format, och YouTube och Vimeo konverterar det och levererar det automatiskt i alla dessa format.

6. Ange höjden och bredden i respektive H- och W-fälten i egenskapsinspektören.

   När du lägger till ljud eller video bestämmer Dreamweaver inte filens höjd och bredd så du måste lägga till dimensionerna i egenskapskontrollen när du har lagt in filen.

7. Spara sidan och klicka på ikonen Förhandsgranska (glob) (högst upp i arbetsområdet) för att öppna sidan i en webbläsare för att säkerställa kompatibilitet.

   Inte alla videoformat spelas i alla webbläsare. Testa din video för att se till att den spelas åtminstone i webbläsaren som du riktar in som din primära destination. Om du har ställt in filen till Autoplay spelas filen automatiskt när sidan laddas i webbläsaren. I annat fall sätter din webbläsare in en enkel kontroller så att du kan starta, pausa, spola framåt och spola tillbaka videon.