Sådan tilføjer du lyd og video til din hjemmeside med Website Builder ved hjælp af kode

Udover at bruge en af vores mange widgets kan du også indsætte lyd og video på din hjemmeside i Website Builder ved hjælp af HTML og kodekomponenten. I denne vejledning forklarer vi, hvordan du gør.

• Trin 1 – Overfør lyd- eller videofilen til dit websted
• Trin 2 – Åbn Website Builder
• Trin 3 – Indsæt koden i Website Builder
• Trin 4 – Gem og offentliggør

Bemærk: Kodekomponenten er en funktion i Website Builder Premium og Business + E-handel. Hvis du i øjeblikket bruger Starter, kan du opgradere dit abonnement eller bruge widgeten href"https://help.one.com/hc/en-us/articles/9172763029393hrefYouTubehref"href i stedet. 

Trin 1 – Overfør lyd- eller videofilen til dit websted

Start med at uploade din lyd- eller videofil til dit websted via Filhåndtering eller FTP. Lydfiler skal være i mp3-format, og videofiler i mp4-format.

1. Log ind på one.com-kontrolpanelet.
2. Åbn Filhåndtering under Hostingsindstillinger i menuen til venstre.
3. Klik på + Upload, og vælg den lydfil (mp3) eller videofil (mp4), du vil indsætte på din hjemmeside.
4. Kopier den fulde sti til din fil, og indsæt den i en tekstfil til senere brug.

Trin 2 – Åbn Website Builder

1. Åbn Website Builder.
2. Klik på »Widgets« i komponentmenuen til venstre.
3. Rul ned og vælg »Kode«.

Trin 3 – Indsæt koden i Website Builder

1. Kopier et af kodeeksemplerne nedenfor, og indsæt det i kodekomponenten i Website Builder.
2. Erstat FULL PATH i kodeeksemplet med den fulde sti til din lyd- eller videofil.
3. Klik på Gem.

Vælg et af eksemplerne nedenfor, eller opret din egen kode ved hjælp af tagget hrefhttps://www.w3schools.com/tags/tag_audio.asphrefHTML <audio> og tagget hrefhttps://www.w3schools.com/tags/tag_video.asphrefHTML <video>. Husk at erstatte FULL PATH med den fulde sti til din lyd- eller videofil.

Lyd:

Indsæt en mp3-lydfil:

<audio-kontrolelementer>
<source src="FULL PATH" type="audio/mpeg">
</audio>

Indsæt en mp3-lydfil, der begynder at afspilles automatisk:

<audio controls autoplay>
<source src="FULL PATH" type="audio/mpeg">
</audio>

Bemærk: Nogle browsere begrænser automatisk afspilning af lyd eller video, selvom du har indsat det i din kode.

Video:

Indsæt en mp4-videofil:

<video width="640" height="480" controls>
<source src="FULL PATH" type="video/mp4">
</video>

Indsæt en mp4-videofil, der afspilles automatisk:

<video width="640" height="480" controls autoplay>
<source src="FULL PATH" type="video/mp4">
</video>

Tip: Videoens standardstørrelse er 640x480. Du kan ændre størrelsen ved at justere tallene for bredde og højde i koden. Du kan også gøre videoen responsiv, så den tilpasser sig seerens skærm, ved at ændre bredden til "100%" (width="100%") og højden til "auto" (height="auto").

Trin 4 – Gem og offentliggør

1. Komponenten er nu blevet føjet til dit arbejdsområde. Træk komponenten hen til det sted på dit websted, hvor filen skal placeres.
2. Klik på »Vis eksempel« for at se, om det ser ud, som du ønsker.
3. Hvis alt ser godt ud, skal du klikke på »Gem og offentliggør« for at gøre dine ændringer synlige online.

Tip: Tilføj en box«-komponent til din hjemmeside med samme mål som din video, og knyt kodekomponenten til boksen. Det gør det nemmere at styre placeringen af lyden eller videoen. Videoens størrelse bestemmes af højden og bredden i HTML-koden.

Relaterede artikler:

• What, hvad kan jeg bruge en container-komponent til?
• Sådan bruger du Mobilvisningseditoren