Slik setter du inn lyd- og videofiler i Dreamweaver - dummies

Selv om du kan bruke Dreamweaver til å sette inn videofiler direkte inn i en nettside, er vårt beste råd å bruke en av videotjenester, slik som som YouTube eller Vimeo.

Når du velger Media fra Sett inn-menyen, finner du flere video- og lydalternativer. Hvis du vil sette inn videofiler som er i et av de eldre og mer proprietære formatene, for eksempel Windows Media Video (.wmv) eller QuickTime (. Mov), velger du alternativet Plugin fra rullegardinmenyen Media i Sett inn Meny.

Hvis du vil bruke de nyeste videoformatene ved hjelp av HTML5-videotaggen, kan du sette inn video i MP4-, WebM- eller Ogg Theora-formatene ved å følge disse trinnene:

1. Klikk hvor du vil filen som skal vises på websiden din.

2. Velg Sett inn → Medier → HTML5 Video.

   Du kan også klikke på rullegardinlisten i Insert-panelet, velge Media, og velg deretter HTML 5 Video. En liten grå boks med et filmikon vises i ditt design.

   

3. Klikk på den lille grå boksen som inneholder et filmikon.

   Videoegenskapene vises i egenskapsinspektøren nederst på skjermen.

4. I feltet Kilde i egenskapsinspektøren skriver du inn nettadressen i videofilen, eller velger Bla gjennom-ikonet og velger deretter en videofil på harddisken.

   Etter at du valgte filen, vises banen og filnavnet i Kilde-vinduet.

   

5. (Valgfritt) Bruk Alt Source 1 og Alt Source 2-feltene til å skrive inn nettadressen eller bla gjennom og velg video i flere formater.

   En av kompleksiteten ved å bruke HTML5-videotaggen er at du kan bruke den med tre videoformater: mp4, Ogg Theora og webM. Hvis du vil at videoen skal spilles i alle populære nettlesere, må du inkludere videoen i alle tre formatene.

   Du ser at alle tre kildefeltene er fylt ut med videoer i hvert av disse formatene. I tillegg kan du inkludere en Flash-video for eldre nettlesere i Flash Fallback-feltet.

   Hvis du synes det er gal å måtte legge inn fire forskjellige videofiler i fire forskjellige formater, er du ikke alene. Denne kompleksiteten skyldes mangelen på avtale blant nettleservirksomheter om hvilket format som er best for video.

   En annen fordel ved å bruke Vimeo eller YouTube, for å være vert for videoene dine, er at du kan laste opp en video i bare ett format, og YouTube og Vimeo konverterer det og leverer det automatisk i alle disse formatene.

6. Angi høyden og bredden i henholdsvis H- og W-feltene i egenskapsinspektøren.

   Når du legger til lyd eller video, bestemmer Dreamweaver ikke høyden og bredden på filen, så du må legge til dimensjonene i egenskapsinspektøren etter at du har lagt inn filen.

7. Lagre siden og klikk på Forhåndsvis (Globe) -ikonet (øverst på arbeidsområdet) for å åpne siden i en nettleser for å sikre kompatibilitet.

   Ikke alle videoformater vil spille i alle nettlesere. Test videoen din for å sikre at den spiller i det minste i nettleseren du målretter mot som hovedmål. Hvis du har satt filen til Autoplay, spilles filen automatisk når siden lastes inn i nettleseren. Ellers legger nettleseren din inn i en enkel kontroller, slik at du kan starte, pause, spole fremover og spole tilbake videoen.