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, vi förklarar 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 för Hemsideprogram Premium och Företag + E-handel. Om du för närvarande använder Hemsideprogram Starter kan du uppgradera din nivå eller använda widgeten YouTube istället. Företag + E-handel-användare kan använda widgetar för Vimeo och videor som lagras på deras webbutrymme. Inget av dessa widgetalternativ kräver kod för att bädda in en video.
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. Ljud ska vara i mp3-format och video i mp4.
- Logga in på kontrollpanelen på one.com.
- Öppna File Manager från panelen Filer och säkerhet.
- Klicka på + Ladda upp och välj den ljud- (mp3) eller video-fil (mp4) du vill bädda in på din hemsida.
- Kopiera hela sökvägen till din fil och klistra in den i en textfil för senare användning.
Steg 2 - Öppna hemsideprogrammet
- Öppna Hemsideprogrammet.
- Klicka på Widgetar i komponentmenyn till vänster.
- Bläddra ner och välj Kod.
Steg 3 - Bädda in koden i Hemsideprogrammet
- Kopiera ett av kodexemplen nedan och klistra in i kodkomponenten i Hemsideprogrammet.
- Ersätt FULLSTÄNDIG SÖKVÄG i kodexemplet med hela sökvägen till din ljud- eller videofil.
- Klicka på Spara.
Välj ett av exemplen nedan, eller skapa din egen kod med HTML-taggen <audio> och HTML-taggen<video>. Kom ihåg att ersätta FULLSTÄNDIG SÖKVÄG med hela sökvägen till din ljud- eller videofil.
Ljud:
Bädda in en mp3-ljudfil:
<audio controls>
<source src="FULLSTÄNDIG SÖKVÄG" type="audio/mpeg">
</audio>
Bädda in en mp3-ljudfil som börjar spelas automatiskt:
<audio controls autoplay>
<source src="FULLSTÄNDIG SÖKVÄG" type="audio/mpeg">
</audio>
Obs! Vissa webbläsare begränsar automatisk uppspelning av ljud eller video, även om du har lagt till det i din kod.
Video:
Bädda in en mp4-videofil:
<video width="640" height="480" controls>
<source src="FULLSTÄNDIG SÖKVÄG" type="video/mp4">
</video>
Bädda in en mp4-videofil som börjar spelas automatiskt:
<video width="640" height="480" controls autoplay>
<source src="FULLSTÄNDIG SÖKVÄG" type="video/mp4">
</video>
Tips: Standardstorleken på videon är 640x480. Du kan ändra storleken genom att justera siffrorna för bredd och höjd i koden. Du kan också göra att videon anpassar sig efter besökarens skärm genom att ändra bredden till "100%" (width=” 100% ”) och höjden till ”auto” (height="auto”).
Steg 4 - Spara och publicera
- Komponenten har nu lagts till på din arbetsyta. Dra komponenten till den plats där filen ska finnas på din hemsida.
- Klicka på Förhandsgranska för att kontrollera om det ser ut som du vill.
- Om allt är bra klickar du på Spara och Publicera för att göra dina ändringar synliga online.
Tips: Lägg till en ruta-komponent på din hemsida med samma dimensioner som din video och bifoga kodkomponenten till rutan. Det gör placeringen av ljud eller video lättare att kontrollera. Storleken på videon bestäms av höjden och bredden i HTML-koden.
Relaterade artiklar: