Udover at bruge en af vores mange widgets, kan du også tilføje lyd og video til din side i Hjemmesideprogrammet ved hjælp af HTML og kodekomponenten. I denne vejledning forklarer vi hvordan.
- Trin 1 - Upload lyd- eller videofilen til dit webhotel
- Trin 2 - Åbn Hjemmesideprogrammet
- Trin 3 - Integrer koden i Hjemmesideprogrammet
- Trin 4 - Gem og udgiv
Bemærk: Kodekomponenten er en Hjemmesideprogram Premium og Business + E-handel-funktion. Hvis du i øjeblikket bruger Starter, kan du opgradere dit niveau eller bruge YouTube-widgetten i stedet. Premium og Business + E-handel-brugere kan bruge widgets til Vimeo og videoer gemt på deres webhotel. Ingen af disse widgetmuligheder kræver kode for at integrere en video.
Trin 1 - Upload lyd- eller videofilen til dit webhotel
Upload først din lyd- eller videofil til dit webhotel ved hjælp af File Manager eller FTP. Lyd skal være i mp3-format og video i mp4.
- Log ind på one.com-kontrolpanelet.
- Åbn File Manager under Filer og sikkerhed-flisen.
- Klik på + Upload og vælg den lyd- (mp3) eller video (mp4) -fil, du vil integrere i din hjemmeside.
- Kopier den fulde sti til din fil, og indsæt den i en tekstfil til senere brug.
Trin 2 - Åbn Hjemmesideprogrammet
- Åbn Hjemmesideprogrammet.
- Klik på Widgets i komponentmenuen til venstre.
- Rul ned, og vælg Kode.
Trin 3 - Integrer koden i Hjemmesideprogrammet
- Kopiér et af kodeeksemplerne nedenfor, og indsæt det i kodekomponenten i Hjemmesideprogrammet.
- Udskift FULL PATH i kodeeksemplet med den fulde sti til din lyd- eller videofil.
- Klik på Gem.
Vælg et af eksemplerne nedenfor, eller opret din egen kode med HTML-tag <audio>og HTML-tag<video>. Husk at erstatte FULL PATH med den fulde sti til din lyd- eller videofil.
Lyd:
Integrer en mp3-lydfil:
<audio controls>
<source src="FULL PATH" type="audio/mpeg">
</audio>
Integrer en mp3-lydfil, der begynder at spille 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 føjet det til din kode.
Video:
Integrer en mp4-videofil:
<video width="640" height="480" controls>
<source src="FULL PATH" type="video/mp4">
</video>
Integrer en mp4-videofil, der begynder at spille automatisk:
<video width="640" height="480" controls autoplay>
<source src="FULL PATH" type="video/mp4">
</video>
Tip: Standardstørrelsen på videoen 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 over for den besøgendes skærm ved at ændre bredden til "100%" (width=“ 100% „) og højden til „auto“ (height="auto“).
Trin 4 - Gem og udgiv
- Komponenten vil nu være blevet føjet til dit arbejdsområde. Træk komponenten hen til det sted, hvor filen skal placeres på din hjemmeside.
- Klik på Forhåndsvisning for at kontrollere, at det ser ud, som du vil have det.
- Hvis alt er godt, skal du klikke på Gem og Udgiv for at gøre dine ændringer synlige online.
Tip: Tilføj en bokskomponent til din hjemmeside med de samme dimensioner som din video, og vedhæft kodekomponenten til boksen. Det gør placeringen af lyd eller video lettere at kontrollere. Størrelsen af videoen bestemmes af højden og bredden i HTML-koden.
Relaterede artikler:
