Sen lisäksi, että käytät yhtä monista widgeteistämme, voit myös lisätä ääntä ja videota sivustollesi Website Builderissa HTML:n ja koodikomponentin avulla. Tässä oppaassa selitämme kuinka.
- Vaihe 1 - Lataa ääni- tai videotiedosto verkkotilaan
- Vaihe 2 – Avaa Website Builder
- Vaihe 3 – Upota koodi Web-sivuston rakennustyökaluun
- Vaihe 4 – Tallenna ja julkaise
Huomautus: Koodikomponentti on Website Builder Premium ja Business + Verkkokauppaominaisuus. Jos käytät tällä hetkellä Starteria, voit päivittää tasosi tai käyttää sen sijaan YouTube-widgetiä . Premium- ja Business + verkkokaupan käyttäjät voivat käyttää widgetejä Vimeolle ja heidän verkkotilaansa tallennetut videot. Mikään näistä widget-vaihtoehdoista ei vaadi koodia videon upottamiseen.
Vaihe 1 - Lataa ääni- tai videotiedosto verkkotilaan
Lataa ensin ääni- tai videotiedosto verkkotilaan käyttämällä Tiedostonhallintaa tai FTP:tä. Äänen tulee olla mp3-muodossa ja videon mp4-muodossa.
- Kirjaudu one.com-ohjauspaneeliin.
- Avaa Tiedostonhallinta Tiedostot ja suojaus -ruudussa.
- Napsauta + Lähëta ja valitse ääni- (mp3) tai video (mp4) tiedosto, jonka haluat upottaa sivustoosi.
- Kopioi tiedoston koko polku ja liitä se tekstitiedostoon myöhempää käyttöä varten.
Vaihe 2 – Avaa Website Builder
- Avaa Website Builder.
- Napsauta vasemmalla olevasta komponenttivalikosta Widgetit .
- Vieritä alas ja valitse Koodi.
Vaihe 3 – Upota koodi Website Builderiin
- Kopioi jokin alla olevista koodinäytteistä ja liitä se Website Builderin koodikomponenttiin.
- Korvaa FULL PATH koodinäytteessä ääni- tai videotiedostosi täydellä polulla.
- Napsauta Tallenna.
Valitse yksi alla olevista esimerkeistä tai luo oma koodi HTML <audio> -tunnisteella ja HTML <video> -tunniste. Muista korvata FULL PATH ääni- tai videotiedostosi täydellä polulla.
Audio:
Upota mp3-äänitiedosto:
<audio controls>
<source src="FULL PATH" type="audio/mpeg">
</audio>
Upota mp3-äänitiedosto, joka alkaa toistaa automaattisesti:
<audio controls autoplay>
<source src="FULL PATH" type="audio/mpeg">
</audio>
Huomautus: Jotkut selaimet rajoittavat äänen tai videon automaattista toistoa, vaikka olisit lisännyt sen koodiisi.
Video:
Upota mp4-videotiedosto:
<video width="640" height="480" controls>
<source src="FULL PATH" type="video/mp4">
</video>
Upota mp4-videotiedosto, joka alkaa toistaa automaattisesti:
<video width="640" height="480" controls autoplay>
<source src="FULL PATH" type="video/mp4">
</video>
Vinkki: Videon oletuskoko on 640 x 480. Voit muuttaa kokoa säätämällä koodin leveyden ja korkeuden numeroita. Voit myös tehdä videosta reagoivan katsojan näytölle muuttamalla leveydeksi "100%" (width="100%") ja korkeudeksi "auto" (height="auto").
Vaihe 4 - Tallenna ja julkaise
- Komponentti on nyt lisätty työtilaan. Vedä komponentti paikkaan, jossa tiedoston pitäisi sijaita sivustossasi.
- Napsauta Esikatsele tarkistaaksesi, näyttääkö se haluamaltasi.
- Jos kaikki on kunnossa, napsauta Tallenna ja julkaise , jotta muutokset näkyvät verkossa.
Vinkki: Lisää sivustollesi laatikkokomponentti, 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 mukaan.
Aiheeseen liittyvät artikkelit:
