Siirry pääsisältöön
Kaikki ohjeet
Ohje 03 5 min

Videon upottaminen verkkosivustollesi

Kopioi koodi ja liitä se mihin tahansa sivunrakentajaan, sisällönhallintajärjestelmään tai HTML-malliin. Toimii WordPressin, Webflown, Squarspacen ja tavallisen HTML:n kanssa.

Upotuskoodi

Jokaisella videolla on yksilöllinen upotuskoodi, joka on saatavilla videon tietosivulta. Napsauta Kopioi upotus kopioidaksesi sen leikepöydälle.

<script src="https://simplevideo.eu/embed.js" data-id="your-video-id" async></script>

Sijoita tämä tunniste mihin tahansa kohtaan sivusi HTML-koodissa, johon haluat toistajan näkyvän. Skripti korvaa tunnisteen responsiivisella toistajalla.

WordPress

Lisää lohkoeditorissa Mukautettu HTML -lohko ja liitä koodi siihen. Klassisessa editorissa vaihda Teksti-välilehteen ja liitä koodi suoraan sisältöalueelle.

Webflow

Lisää Webflow-suunnittelutyökalussa sivullesi Upotus-elementti ja liitä koodi koodikenttään. Julkaise sivu, jotta muutos tulee voimaan.

Squarespace

Lisää sivullesi Koodi-lohko ja liitä koodi siihen. Varmista, että Näytä lähde on poistettu käytöstä.

Tavallinen HTML

Liitä koodi suoraan HTML-tiedostoosi siihen kohtaan, johon haluat toistajan. Lisäriippuvuuksia tai määrityksiä ei tarvita.

Koko ja asettelu

Toistaja on oletuksena responsiivinen ja täyttää säilönsä leveyden. Jos haluat rajoittaa toistajan kokoa, kääri se div-elementtiin, jolla on kiinteä leveys.

<div style="max-width: 720px;">
  <script src="https://simplevideo.eu/embed.js" data-id="your-video-id" async></script>
</div>