Videó beágyazása iframe segítségével

YouTube videó beágyazása iframe segítségével

Korábban már láttuk, hogy beillesztett keretek segítségével egy másik weboldal tartalmát illeszthetjük Html oldalunkba.

A iframe elem segítségével azonban nem csak más weboldalak tartalmát, hanem egyéb dokumentumokat (pl. txt) és multimédia elemeket is beilleszthetünk.

Ha egy videót feltöltöttünk a YouTube videómegosztó portálra, akkor a beillesztéshez szükséges kódot készen kapjuk. Egyúttal takarékoskodhatunk tárhelykapacitásunkkal. Sőt a videó látogatói közül további érdeklődők érkezhetnek webhelyünkre.

1. példa:

Forráskód


<h2>YouTube videó beágyazása  iframe segítségével</h2>
<iframe width="420" height="315" 
  src="https://www.youtube.com/embed/ehJ-yB5aWJ8?rel=0" 
  frameborder="0" allowfullscreen>
     Ezt a videót sajnos nem tudjuk most megnézni.
</iframe>

Eredmény*

* Az eredmény megjelenítése az Ön által használt böngészőtől függ.