Ääni- ja videotiedostojen lisääminen Website Builder -sivustolle koodin avulla

Käyttämisen lisäksi voit lisätä ääni- ja videotiedostoja Website Builderissä HTML:n ja koodikomponentin avulla. Tässä oppaassa kerromme, miten voit tehdä sen.

• Vaihe 1 - Lataa ääni- tai videotiedosto verkkotilaasi
• Vaihe 2 - Avaa Website Builder
• Vaihe 3 - Upota koodi Website Builderiin
• Vaihe 4 - Tallenna ja julkaise

Huomaa: Koodikomponentti on Website Builder Premium ja Business + Verkkokauppa -ominaisuus. Jos käytät tällä hetkellä Starteriä, voit päivittää tasosi tai käyttää sen sijaan YouTube-widgettiä. 

Vaihe 1 - Lataa ääni- tai videotiedosto verkkotilaasi

Lataa ensin ääni- tai videotiedosto verkkotilaasi File Managerin tai FTP:n avulla. Äänen on oltava mp3-muodossa ja videon mp4-muodossa.

1. Kirjaudu sisään one.com-ohjauspaneeliin.
2. Avaa File Manager vasemmalla olevassa valikossa kohdassa Hosting-asetukset .
3. Klikkaa + Lataa ja valitse ääni- (mp3) tai videotiedosto (mp4), jonka haluat upottaa sivustoosi.
4. Kopioi tiedoston täysi polku ja liitä se tekstitiedostoon, jotta voit käyttää sitä myöhemmin.

Vaihe 2 - Avaa Website Builder

1. Avaa Website Builder.
2. Klikkaa vasemmalla olevassa komponenttivalikossa Widgetit.
3. Vieritä alaspäin ja valitse Koodi.

Vaihe 3 - Upota koodi Website Builderiin

1. Kopioi jokin alla olevista koodiesimerkkeistä ja liitä se Website Builderin koodikomponenttiin.
2. Korvaa FULL PATH koodiesimerkissä ääni- tai videotiedoston täydellisellä polulla.
3. Klikkaa Tallenna.

Valitse jokin alla olevista esimerkeistä tai luo oma koodisi käyttämällä HTML <audio> -tagia ja HTML <video> -tagia. Muista korvata FULL Path ääni- tai videotiedostosi täydellä polulla.

Ääni:

Upota mp3-äänitiedosto:

<äänivalinnat>
<source src="FULL PATH" type="audio/mpeg">
</ ääni>

Upota mp3-äänitiedosto, jonka toisto alkaa automaattisesti:

<ääni säätää automaattista toistoa>
<source src="FULL PATH" type="audio/mpeg">
</ ääni>

Huomaa: Jotkut selaimet rajoittavat äänen tai videon automaattista toistoa, vaikka olisit lisännyt sen koodiin.

Video:

Upota mp4-videotiedosto:

<video width="640" height="480" -ohjaukset>
<source src="FULL PATH" type="video/mp4">
</video>

Upota mp4-videotiedosto, jonka toisto alkaa automaattisesti:

<video width="640" height="480" säätää automaattista toistoa>
<source src="FULL PATH" type="video/mp4">
</video>

Vinkki: Videon oletuskoko on 640x480. Voit muuttaa kokoa säätämällä koodissa olevia leveys- ja korkeuslukuja. Voit myös mukauttaa videon katsojan näytölle muuttamalla leveyden "100%" (width="100%") ja korkeuden "auto" (height="auto").

Vaihe 4 - Tallenna ja julkaise

1. Komponentti on nyt lisätty työtilaasi. Vedä komponentti siihen kohtaan, jossa sen pitäisi sijaita sivustollasi.
2. Klikkaa Esikatselu-painiketta tarkistaaksesi, näyttääkö se siltä kuin haluat.
3. Jos kaikki on kunnossa, klikkaa Tallenna ja Julkaise, jotta muutokset näkyvät verkossa.

Vinkki: Lisää sivustolle laatikkomponentti, jonka mitat ovat samat kuin videosi, ja liitä koodikomponentti laatikkoon. Se helpottaa äänen tai videon sijoittelua. Videon koko määräytyy HTML-koodin korkeuden ja leveyden perusteella.

Aiheeseen liittyviä artikkeleita:

• Mitä säilökomponentilla voi tehdä?
• Mobiilinäkymäeditorin käyttö Website Builderissa