Brug af kode til at tilføje audio og video til din side i Hjemmesideprogrammet

Udover at bruge en af vores mange widgets kan du også tilføje audio og video til din hjemmeside i Hjemmesideprogrammet med HTML og kodekomponenten. I denne vejledning forklarer vi hvordan.

• Trin 1 - Upload lyden 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-funktion Premium og Business + E-handel. Hvis du i øjeblikket bruger Starter, kan du opgradere dit niveau eller bruge YouTube-widgetten i stedet. 

Trin 1 - Upload audio- eller videofilen til dit webhotel

Upload først din lyd- eller videofil til dit webhotel ved hjælp af File Manager eller FTP. Lyden skal være i mp3-format og videoen i mp4.

1. Log ind på one.com-kontrolpanelet.
2. Åbn File Manager under Hosting-indstillingeri menuen til venstre.
3. Klik + Upload og vælg den audio (mp3) eller video (mp4) fil, du vil integrere på din hjemmeside.
4. Kopiér den fulde sti for din fil og indsæt den i en tekstfil til senere brug.

Trin 2 - Åbn Hjemmesideprogrammet

1. Åbn Hjemmesideprogrammet.
2. Klik på Widgets i komponentmenuen til venstre.
3. Rul ned, og vælg Kode.

Trin 3 - Integrer koden i Hjemmesideprogrammet

1. Kopiér en af kodeksemplerne nedenfor, og indsæt den i kodekomponenten i Hjemmesideprogrammet.
2. Erstat FULL STEH i koden med den fulde sti til din lyd- eller videofil.
3. Klik på Gem.

Vælg et af nedenstående eksempler, eller opret din egen kode med HTML <audio>-tag og HTML <video>-tag. Husk at erstatte FULL PATH med den fulde sti til din lyd- eller videofil.

Lyd:

Indlejrede en mp3-lydfil:

</audio>

Indlejrede en mp3-lydfil, der begynder at afspille automatisk:

</audio>

Bemærk: Nogle browsere begrænser automatisk afspilning af lyd eller video, selvom du har tilføjet den til din kode.

Video:

Indlejrede en mp4-videofil:

</video>

Indlejrede en mp4-videofil, der begynder at afspille automatisk:

</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 seerens skærm ved at ændre bredden til "100%" (bredde="100%") og højden til "automatisk" (height="automatisk").

Trin 4 - Gem og udgiv

1. Komponenten vil nu være blevet tilføjet til dit arbejdsområde. Træk komponenten derhen, hvor filen skal være på din hjemmeside.
2. Klik på Forhåndsvisning for at tjekke, om det ser ud, som du vil have det.
3. Klik 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 lyden eller videoen lettere at styre. Størrelsen af videoen bestemmes af højden og bredden i HTML-koden.

Relaterede artikler:

• Hvad kan jeg gøre med en beholderkomponent?
• Sådan bruger du Mobilvisningseditoren