I tillegg til å bruke en av våre mange widgets, kan du også legge til lyd og video på siden din i Nettsidebygger ved å bruke HTML og kodekomponenten. I denne guiden forklarer vi hvordan.
- Steg 1 - Last opp lyd-eller videofilen til webhotellet ditt
- Steg 2 - Åpne Nettsidebygger
- Steg 3 - Bygg inn koden i Nettsidebygger
- Steg 4 - Lagre og publiser
Merk: Kodekomponenten er en Nettsidebygger Premium og Bedrift + E-handelsfunksjon. Hvis du bruker Begynner for øyeblikket, kan du oppgradere nivået ditt eller bruke YouTube-widgeten i stedet. Brukere av Premium og Bedrift + E-handel kan bruke widgets for Vimeo og videoer som er lagret på deres webhotell. Ingen av disse widgetalternativene krever kode for å bygge inn en video.
Steg 1 - Last opp lyd-eller videofilen til webhotellet ditt
Først laster du opp lyd- eller videofilen til webhotellet ditt ved hjelp av File Manager eller FTP. Lyden må være i mp3-format og video i mp4.
- Logg inn på kontrollpanelet hos one.com.
- Åpne File Manager under Filer og sikkerhet.
- Klikk på + Last opp og velg lydfilen (mp3) eller videofilen (mp4) du vil bygge inn på siden din.
- Kopier full bane til filen og lim den inn i en tekstfil for senere bruk.
Steg 2 - Åpne Nettsidebygger
- Åpne Nettsidebygger.
- Klikk på Widgets i komponentmenyen til venstre.
- Skroll ned og velg Kode.
Steg 3 - Bygg inn koden i Nettsidebygger
- Kopier et av kodeeksemplene nedenfor, og lim den inn i kodekomponenten i Nettsidebygger.
- Erstatt FULL PATH i kodeeksemplet med den fullstendige banen til lyd- eller videofilen.
- Klikk på Lagre.
Velg ett av eksemplene nedenfor, eller opprett din egen kode med koden HTML-tag <audio> og HTML-tag <video>. Husk å erstatte FULL PATH med den fullstendige banen til lyd- eller videofilen.
Lyd:
Bygg inn en mp3-lydfil:
<audio controls>
<source src="FULL PATH" type="audio/mpeg">
</audio>
Bygg inn en mp3-lydfil som begynner å spille automatisk:
<audio controls autoplay>
<source src="FULL PATH" type="audio/mpeg">
</audio>
Merk: Noen nettlesere begrenser automatisk avspilling av lyd eller video, selv om du har lagt det til i koden.
Video:
Bygg inn en mp4-videofil:
<video width="640" height="480" controls>
<source src="FULL PATH" type="video/mp4">
</video>
Bygg inn en mp4-videofil som begynner å spille automatisk:
<video width="640" height="480" controls autoplay>
<source src="FULL PATH" type="video/mp4">
</video>
Tips: Standardstørrelsen på videoen er 640 x 480. Du kan endre størrelsen ved å justere bredde- og høydetallene i koden. Du kan også gjøre videoen responsiv for besøkendes skjerm ved å endre bredden til "100%" (width="100%") og høyden til "auto" (height="auto").
Steg 4 - Lagre og publiser
- Komponenten er nå lagt til på arbeidsområdet ditt. Dra komponenten der hvor filen skal være plassert på nettsiden din.
- Klikk på Forhåndsvisning for å sjekke om det ser ut slik du ønsker.
- Hvis alt ser bra ut, klikker du på Lagre og Publiser for å gjøre endringene dine synlige på nett.
Tips: Legg til en bokskomponent på nettsiden din med samme dimensjoner som videoen din, og fest kodekomponenten til boksen. Dette gjør plasseringen av lyd eller video enklere å kontrollere. Størrelsen på videoen bestemmes av høyden og bredden i HTML-koden.
Relaterte artikler:
