Videon tms. upottaminen Moodleen

Mihin käyttöön?

Upottaminen / upotuskoodi (embed)

Upotuskoodi eli Embed -ominaisuus erilaisissa Internet-palvelujen materiaaleissa tarkoittaa sitä, että webissä oleva video, kartta tai muu esitys tai jopa dokumentti voidaan "upottaa" upotuskoodin avulla toiselle internet-sivulle. Esimerkiksi Vimeossa jaettu video voidaan upottaa Moodle-kurssille niin, että videon voi katsella suoraan Moodlessa.

Upotuskoodin käytössä on myös se hyöty, että esitettävän materiaalin, esimerkiksi Forms-kyselylomakkeeseen ei tarvitse avata erillistä ohjelmaa, vaan esitys näkyy suoraan sillä sivulla mihin se on upotettu. Upotukset toimivat yleensä hyvin uusilla selaimeilla (Chrome, Edge, Firefox).

Huom. YouTube-videoita ei tarvitse lisätä Moodleen upottamalla. Katso tästä vinkki aiheesta.

Mihin itse käytin?

  • Helpottamaan Vimeo-videoiden katsomista suoraan Moodle-kurssilta
  • Helpottamaan Forms-kyselyiden (sekä Google että MS) täyttämistä Moodle-kursseilla.
  • Padlet-seinien näyttö ja käyttö suoraan Moodle-kurssilta

Miten käyttöön?

Embed-koodi lisätään Moodle-kurssilla esimerkiksi

a) "Ohjeteksti" (label)-aineiston html-koodiin. -> Video tms. upotus näkyy heti sivulla.

b) "Sivu" (Page) -aineiston html koodiin. -> Video tms. upotus näkyy avautuvalla "Sivu"-aineiston sisällä.

c) Embed koodin voi lisätä myös muualle, esim. "Tentti" (quiz) -aktiviteetin tehtäväohjeistukseen jne -Kokeile ja tarkista miltä näyttää.


Embed-koodi löytyy valmiina monen internet palvelun jakolinkistä. -Poimi se sieltä liitettäväksi Moodlen sisältöön.

Usein upotuskoodia kuvaataan <> -symbolilla tai Embed-termillä.

Upotuskoodissa voi olla ko. palveluun liittyviä parametrejä yms. mutta

Hox1: koodissa olevat koko-määritykset (width, height) ja vaihda tilanteeseen sopivaksi.

Hox2: Koodi pitää muistaa liittää HTML-koodiin. Moodlen editorissa html-tila vaihtuu </> -painikkeesta.

Aloita Moodle-harjoittelusi ja kokeilusi vaikka tällä Vimeo-sisällön "karsitulla" upotuskoodilla ja vaihda vaikka ko. koodiin oman videosi numero.

(Voit myös harjoitella koodin muokkausta tällä videolla: 312746727 )

<iframe src="https://player.vimeo.com/video/356889779" width="640" height="360" frameborder="0"></iframe>

Vinkin jakaja

Antti Peltonen, ICT-Palvelut