Slik bruker du koden til å legge til lyd og video på nettsiden din i Nettsidebygger
I tillegg til å bruke en av våre mange widgets, kan du også legge til lyd og video på nettsiden din i Nettsidebygger med HTML og kodekomponenten. I denne guiden forklarer vi hvordan.
- Steg 1 - Last opp lyden eller videofilen til webhotellet ditt
- Steg 2 - Åpne Nettsidebygger
- Steg 3 - Bygg inn koden i Nettsidebyggeren
- Steg 4 - Lagre og publiser
Merk: Kodekomponenten er en Nettsidebygger-funksjon Premium og Bedrift + E-handel. Hvis du bruker Starter for øyeblikket, kan du oppgradere nivået ditt eller bruke YouTube-widgeten i stedet.
Steg 1 - Last opp audio- eller videofilen til webhotellet ditt
Først må du laste opp audio- eller videofilen til webhotellet ditt ved hjelp av File Manager eller FTP. Lyden skal være i mp3-format og videoen i mp4.
- Logg inn på kontrollpanelet på one.com.
- Åpne File Manager under Hostinginnstillinger i menyen til venstre.
- Klikk på Last opp og velg audio (mp3) eller video (mp4) filen du vil bygge inn på nettsiden din.
- Kopier hele stien til filen din og lim den inn i en tekstfil for senere bruk.
Steg 2 - Åpne Nettsidebygger
- Åpne Nettsidebygger.
- Klikk på Widgets i komponentmenyen til venstre.
- Bla ned og velg Kode.
Steg 3 - Bygg inn koden i Nettsidebygger
- Kopier en av kodemallene nedenfor, og lim den inn i kodekomponenten i Nettsidebygger.
- Erstatt full sti i kodebestillingen med hele stien til audio- eller videofilen.
- Klikk på Lagre.
Velg en av eksemplene nedenfor, eller opprett din egen kode med HTML <audio> tag og HTML <video> tag. Husk å erstatte FULL PATH med hele stien til audio- eller videofilen din.
Lyd:
Bygg inn en mp3-lydfil:
<audio-kontroll> <source src="FULL PATH" type="audio/mpeg"> </audio>
Bygg inn en mp3-lydfil som starter automatisk:
<audio-kontroll automatisk avspilling> <source src="FULL PATH" type="audio/mpeg"> </audio>
Merk: Noen nettlesere begrenser automatisk avspilling av lyd eller video, selv om du har lagt den til i koden din.
Video:
Bygg inn en mp4-videobestilling:
<video width="640" height="480" kontroller > <source src="FULL PATH" type="video/mp4"> </video>
Bygg inn en mp4-videobestilling som starter automatisk:
<video width="640" height="480" kontroller autokjøring> <source src="FULL PATH" type="video/mp4"> </video>
Tips: Standardstørrelsen på videoen er 640 x 480. Du kan endre størrelsen ved å justere tallene for bredde og høyde i koden. Du kan også gjøre videoen responsiv overfor brukerens skjerm ved å endre bredden til "100%" (width="100%") og høyden til "auto" (height="auto").
Steg 4 - Lagre og publiser
- -komponenten vil nå ha blitt lagt til arbeidsområdet ditt. Dra komponenten dit filen skal plasseres på nettsiden din.
- Klikk på Forhåndsvisning for å sjekke om det ser ut som du vil.
- Hvis alt går bra, klikker du på Lagre og Publiser for å gjøre endringene synlige på nett.
Tips: Legg til en bokskomponent på nettsiden din med de samme dimensjonene som videoen din, og legg til kodekomponenten i boksen. Det gjør plasseringen av lyden eller videoen enklere å kontrollere. Størrelsen på videoen bestemmes av høyden og bredden i HTML-koden.
Relaterte artikler: