Använda kod för att lägga till ljud och video på din hemsida i Hemsideprogrammet

Förutom att använda en av våra många widgetar kan du också lägga till ljud och video på din hemsida i Hemsideprogrammet med HTML och kodkomponenten. I den här guiden förklarar vi hur.

• Steg 1 - Ladda upp ljud- eller videofilen till ditt webbutrymme
• Steg 2 - Öppna Hemsideprogrammet
• Steg 3 - Bädda in koden i Hemsideprogrammet
• Steg 4 - Spara och publicera

Obs! Kodkomponenten är en funktion i Hemsideprogrammet och + E-handel. Om du för närvarande använder Starter kan du uppgradera din nivå eller använda i stället. 

Steg 1 - Ladda upp ljud- eller videofilen till ditt webbutrymme

Ladda först upp din ljud- eller videofil till ditt webbutrymme med File Manager eller FTP. Ljudet ska vara i mp3-format och videon i mp4.

1. Logga in på Kontrollpanelen på one.com
2. Öppna File Manager under Webbhotellinställningar i menyn till vänster.
3. Klicka på + Ladda upp och välj den ljud- (mp3) eller videofil (mp4) du vill bädda in på din hemsida.
4. Kopiera den fullständiga sökvägen till filen och klistra in den i en textfil för senare användning.

Steg 2 - Öppna Hemsideprogrammet

1. Öppna Hemsideprogrammet.
2. Klicka på Widgetar på komponentmenyn till vänster.
3. Scrolla ner och välj Kod.

Steg 3 - Bädda in koden i Hemsideprogrammet

1. Kopiera ett av kodexemplen nedan och klistra in det i kodkomponenten i Hemsideprogrammet.
2. Ersätt FULL SÖKVÄG i kodexemplet med den fullständiga sökvägen till din ljud- eller videofil.
3. Klicka på Spara.

Välj ett av exemplen nedan eller skapa din egen kod med HTML <audio>-taggen och HTML <video>-taggen. Kom ihåg att ersätta HELA SÖKVÄGEN med den fullständiga sökvägen till din ljud- eller videofil.

Ljud:

Bädda in en mp3-ljudfil:

</audio>

Bädda in en mp3-ljudfil som börjar spelas upp automatiskt:

</audio>

Obs! Vissa webbläsare begränsar den automatiska uppspelningen av ljud eller bild, även om du har lagt till den i koden.

Video:

Bädda in en mp4-videofil:

</video>

Bädda in en mp4-videofil som börjar spelas upp automatiskt:

</video>

Tips: Videons standardstorlek är 640x480. Du kan ändra storleken genom att justera siffrorna för bredd och höjd i koden. Du kan också göra videon responsiv på tittarens skärm genom att ändra bredden till "100 %" (width="100 %") och höjden till "auto" (height="auto").

Steg 4 - Spara och publicera

1. Komponenten kommer nu att ha lagts till i din arbetsyta. Dra komponenten till platsen där filen ska finnas på din hemsida.
2. Klicka på Förhandsgranska för att kontrollera om det ser ut som du vill.
3. Om allt är bra, klicka på Spara och Publicera för att göra dina ändringar synliga online.

Tips: Lägg till en lådkomponent på din hemsida med samma mått som videon och bifoga kodkomponenten i rutan. Det gör placeringen av ljudet eller videon lättare att kontrollera. Videons storlek bestäms av höjden och bredden i HTML-koden.

Relaterade artiklar:

• Vad kan jag göra med en containerkomponent?
• Använda redigeraren för Mobilvy