HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

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="http://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.