Bruk kode for å legge til lyd og video på nettstedet ditt i Nettsidebyggeren

I tillegg til å bruke en av våre mange widgets, kan du også legge til lyd og video på nettstedet ditt i Website Builder ved hjelp av HTML og kodekomponenten. I denne veiledningen forklarer vi hvordan.

• Trinn 1 – Last opp lyd- eller videofilen til nettlagringsplassen din
• Steg 2 - Åpne Nettsidebygger
• Trinn 3 – Legg inn koden i Website Builder
• Steg 4 - Lagre og publiser

Merk: Kodekomponenten er en funksjon i Website Builder Premium og Business + E-handel. Hvis du bruker Starter for øyeblikket, kan du oppgradere abonnementet ditt eller bruke widgeten href«https://help.one.com/hc/en-us/articles/9172763029393hrefYouTubehref»href i stedet. 

Trinn 1 – Last opp lyd- eller videofilen til nettlagringsplassen din

Last først opp lyd- eller videofilen til nettområdet ditt ved hjelp av Filbehandling eller FTP. Lydfiler må være i mp3-format, og videofiler i mp4-format.

1. Logg inn på one.com-kontrollpanelet.
2. Åpne Filbehandling under Innstillinger for webhotell i menyen til venstre.
3. Klikk på + Last opp og velg lydfilen (mp3) eller videofilen (mp4) du vil legge inn på nettstedet ditt.
4. Kopier den fullstendige banen til filen din og lim den inn i en tekstfil for senere bruk.

Steg 2 - Åpne Nettsidebygger

1. Åpne nettsideverktøyet.
2. Klikk på «Widgets» i komponentmenyen til venstre.
3. Rull nedover og velg «Kode».

Trinn 3 – Legg inn koden i Website Builder

1. Kopier et av kodeeksemplene nedenfor, og lim det inn i kodekomponenten i Website Builder.
2. Erstatt FULL PATH i kodeeksemplet med den fullstendige banen til lyd- eller videofilen din.
3. Klikk på Lagre.

Velg et av eksemplene nedenfor, eller lag din egen kode ved hjelp av taggen hrefhttps://www.w3schools.com/tags/tag_audio.asphrefHTML <audio> og taggen hrefhttps://www.w3schools.com/tags/tag_video.asphrefHTML <video>. Husk å erstatte FULL PATH med den fullstendige banen til lyd- eller videofilen din.

Lyd:

Legg inn en MP3-lydfil:

</audio>

Legg inn en MP3-lydfil som starter automatisk:

</audio>

Merk: Noen nettlesere begrenser automatisk avspilling av lyd eller video, selv om du har lagt det inn i koden din.

Video:

Legg inn en mp4-videofil:

</video>

Legg inn en mp4-videofil som starter automatisk:

</video>

Tips: Standardstørrelsen på videoen er 640x480. Du kan endre størrelsen ved å justere tallene for bredde og høyde i koden. Du kan også gjøre videoen responsiv til seerens skjerm ved å endre bredden til «100 %» (width="100%") og høyden til «auto» (height="auto").

Steg 4 - Lagre og publiser

1. Komponenten er nå lagt til i arbeidsområdet ditt. Dra komponenten til det stedet på nettstedet der filen skal ligge.
2. Klikk på «Forhåndsvisning» for å sjekke om det ser ut slik du ønsker.
3. Hvis alt ser bra ut, klikker du på «Lagre og publiser» for å gjøre endringene synlige på nettet.

Tips: Legg til en box»-komponent på nettstedet ditt med samme dimensjoner som videoen, og knytt kodekomponenten til boksen. Dette gjør det enklere å kontrollere plasseringen av lyden eller videoen. Størrelsen på videoen bestemmes av høyden og bredden i HTML-koden.

Relaterte artikler:

• Hva kan jeg gjøre med en Beholderkomponent?
• Using: Redigeringsverktøyet for mobilvisning