Sådan indsættes lyd- og videofiler i Dreamweaver - dummies

Selvom du kan bruge Dreamweaver til at indsætte videofiler direkte på en webside, er vores bedste råd at bruge et af videovirksomhedstjenesterne, sådan som YouTube eller Vimeo.

Når du vælger Media fra menuen Indsæt, finder du flere video- og lydindstillinger. Hvis du vil indsætte videofiler, der er i et af de ældre og mere proprietære formater, f.eks. Windows Media Video (.wmv) eller QuickTime (. Mov), vælger du plugin-indstillingen fra rullelisten Medier i Indsæt menu.

Hvis du vil bruge de nyeste videoformater ved hjælp af HTML5-videotaggen, kan du indsætte video i MP4-, webM- eller Ogg Theora-formaterne ved at følge disse trin:

1. Klik, hvor du vil filen skal vises på din webside.

2. Vælg Indsæt → Medier → HTML5 Video.

   Du kan også klikke på rullemenuen i panelet Indsæt, vælge Medier, og vælg derefter HTML 5 Video. En lille grå boks med et filmikon vises i dit design.

   

3. Klik på den lille grå boks, der indeholder et filmikon.

   Videoegenskaberne vises i ejendomsinspektøren nederst på skærmen.

4. I feltet Kilde i egenskabsinspektøren skal du indtaste URL'en til din videofil eller vælge ikonet Browse og derefter vælge en videofil på harddisken.

   Når du har valgt filen, vises stien og filnavnet i Source-vinduet.

   

5. (Valgfrit) Brug felterne Alt Source 1 og Alt Source 2 til at indtaste webadressen eller gennemse og vælg video i yderligere formater.

   En af kompleksiteten ved at bruge HTML5-videotaggen er, at du kan bruge den med tre videoformater: mp4, Ogg Theora og webM. Hvis du vil have din video til at spille i alle populære webbrowsere, skal du inkludere videoen i alle tre formater.

   Du ser, at alle tre kildefelter er udfyldt med videoer i hvert af disse formater. Derudover kan du inkludere en Flash-video til ældre webbrowsere i Flash Fallback-feltet.

   Hvis du synes, at det er vanvittigt at indlejre fire forskellige videofiler i fire forskellige formater, er du ikke alene. Denne kompleksitet skyldes manglen på enighed blandt browserselskaber om, hvilket format der er bedst til video.

   En anden fordel ved at bruge Vimeo eller YouTube til at være vært for dine videoer er, at du kan uploade en video i et enkelt format, og YouTube og Vimeo konverterer det og leverer det automatisk i alle disse formater.

6. Indtast højden og bredden i henholdsvis H- og W-felterne i ejendomsinspektøren.

   Når du tilføjer lyd eller video, bestemmer Dreamweaver ikke automatisk højden og bredden af ​​filen, så du skal tilføje dimensionerne i egenskabsinspektøren, efter du har indsat filen.

7. Gem siden og klik på ikonet Forhåndsvisning (kloden) (øverst i arbejdsområdet) for at åbne siden i en browser for at sikre kompatibilitet.

   Ikke alle videoformater afspilles i alle browsere. Test din video for at sikre, at den afspilles i det mindste i den browser, du målretter mod som din primære destination. Hvis du har indstillet filen til Autoplay, afspilles din fil automatisk, når siden indlæses i browseren. Ellers indsætter din browser en enkel controller, så du kan starte, holde pause, spole frem og spole videoen tilbage.