Weboldalunkon gyakran szeretnénk videókat elhelyezni például a youtube oldaláról. Ekkor azonban figyelnünk kell arra, hogy oldalunk helyes 3wc szabványos kódjait se rontsuk el.
Nézzünk egy példát!
A videó alatti „<Embed>” feliratú gombra kattintva megkapjuk az oldalon látható videó kódját, melyet el kell helyeznünk saját kódunkban ahhoz, hogy látogatóink közvetlenül oldalunkon tekinthessék meg a filmet.
Az alábbi kódrészletet kapjuk:
<object width=”480″ height=”385″>
<param name=”movie” value=”http://www.youtube.com/v/isz5XVqFrFU&hl=en_US&fs=1&rel=0″>
</param>
<param name=”allowFullScreen” value=”true”>
</param>
<param name=”allowscriptaccess” value=”always”>
</param>
<embed src=”http://www.youtube.com/v/isz5XVqFrFU&hl=en_US&fs=1&rel=0″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”385″></embed>
</object>
Itt több problémát is jelezni fog nekünk a 3wc szabvány ellenőrzéséhez használt oldal.
A </param> kód lezárására is egyszerűbb módszert javaslok, melyet könnyen orvosolhatunk.
<param name=”allowFullScreen” value=”true”></param>
Ehelyett használjuk az alábbit:
<param name=”allowFullScreen” value=”true” />
Valamint fontos tudnod, hogy az <embed> sosem volt a szabványosított html kódok közt, ezért ez hibaként jelenik meg az oldalon.
Arra viszont van lehetőség , hogy az <embed> tag elhagyásával az ott található információkat beépítsd az <object> tag információi közé a következőképp:
- add meg a típus (type) paramétert az object-ben (csak másold fel)
- a megkapott szélességi és magassági méreteket helyezd a stílus alá (style)
- egészítsd ki adattal, (data), ahol megadod a fájl elérési útvonalát
A paramétereket a fentieknek megfelelően rövidítsd le:
- itt hagyd meg a meglévő paramétereket, valamint
- egészítsd ki egy „movie” paraméterrel, amelynek ne feledd el megadni az értékét, ami pedig legyen a fájl elérési útvonala.
A pontos szintaxis az alábbi:
<object type=”application/x-shockwave-flash” style=”width: 480px; height: 385px;” data=”http://www.youtube.com/v/isz5XVqFrFU&hl=en_US&fs=1″>
<param name=”allowFullScreen” value=”true” />
<param name=”allowscriptaccess” value=”always” />
<param name=”movie” value=”http://www.youtube.com/v/isz5XVqFrFU&hl=en_US&fs=1″ />
</object>
