Online Marketing alapok, SEO

Youtube videók elhelyezése w3c szabványos kódokkal

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&amp;hl=en_US&amp;fs=1″>

<param name=”allowFullScreen” value=”true” />

<param name=”allowscriptaccess” value=”always” />

<param name=”movie” value=”http://www.youtube.com/v/isz5XVqFrFU&amp;hl=en_US&amp;fs=1″ />

</object>

Ellenőrizd le a honlapodat!

Print Friendly, PDF & Email

Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük

Ez az oldal az Akismet szolgáltatást használja a spam csökkentésére. Ismerje meg a hozzászólás adatainak feldolgozását .