Todella yksinkertainen ohje siitä, miten YouTube -video lisätään eräälle julkaisualustalle. Ohje toimii esimerkkinä myös muiden upotettavien palvelujen osalta, koska sama periaate toimii lähes kaikissa embed- ja iframe -koodin käyttöä tukevissa tapauksissa.

1. Embed- ja iFrame-koodi
Wille Markkanen
1.11.2011

2. Aluksi
Moni verkossa toimiva palvelun tarjoaa mahdollisuuden upottaa
palvelussa toimiva asia toiselle verkkosivustolle. Tällöin palvelun
tarjonta tulee näkyviin tai toimintaan myös ulkopuolisella sivulla.
Hyvä esimerkki sisällön upottamisesta ovat YouTuben videot, joita voi
ja kannattaa lisätä omille sivuille elävöittäjiksi.
Tässä esityksessä on esimerkinomaisesti käyty läpi YouTube -videon
upottaminen WordPress –julkaisualustalla toimivalle verkkosivulle.
Sama periaate toimii muillakin julkaisualustoilla.

3. VA L I TA A N H A L U T T U V I D E O
• Mene aluksi
haluamasi videon
sivulle YouTubessa
ja etsi videon alta
”upota” –painike.

4. VALITAAN KOODI
• Upotusta varten
kopioidaan avautunut
koodin pätkä.
• Tässä vaiheessa tulee
myös tietää, minkä
levyisenä videon
halutaan näkyvän
sivuilla. Leveyden voi
valita valmiista
mitoituksista tai tehdä
oman säädön.

5. SIIRRY OMIEN SIVUJEN HALLINTAAN
• Hallinnassa etistään
kohta, johon video
halutaan
• Sitten etsitään
nappi jossa lukee
”HTML” ja
painetaan siitä.

6. LIITETÄÄN KOODI YOUTUBESTA
• Lisää YouTubesta
kopiotu
koodinpätkä
avautuneeseen
ikkunaan ja paina
”päivitä”.
• Video on lisätty
verkkosivuillesi.

7. M U I S TA TA R K I S TA A
• Viimeinen vaihe on tarkistaa, että video tuli oikein
sivuille.
• Jos ei näytä hyvältä, aloita alusta.