Blog sobre programación, tecnología, humor y un poco más…
Apr
08
22

Insertar videos de YouTube respetando los estándares

Por: DarkPaladin

Quien no desea introducir videos de YouTube en su pagina para que todos los vean. Esto es muy facil, basta con pegar el codigo que ellos te proporcionan. Pero, ¿y si quieres seguir los estandares del XHTML valido?, entonces este codigo no sirve.

Este es un ejemplo del codigo que te da YouTube para insertar sus videos:

HTML:
  1. <object width="425" height="350">
  2. <param name="movie" value="http://www.youtube.com/v/zOQi5bgWYQo">
  3. </param>
  4. <param name="wmode" value="transparent"></param>
  5. <embed src="http://www.youtube.com/v/zOQi5bgWYQo" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

Lo que tienes que hacer es reemplazar ese codigo con este:

HTML:
  1. <object type="application/x-shockwave-flash" data="http://www.youtube.com/v/zOQi5bgWYQo" height="350" width="425">
  2. <param name="movie" value="http://www.youtube.com/v/zOQi5bgWYQo"></param>
  3. <param name="quality" value="high"></param>
  4. <param name="wmode" value="transparent"></param>
  5. </object>

Solo cambia los valores en negrita:

  • Data, movie= Aqui pon el codigo del video.
  • Height, width= Esto es la altura y anchura que deseas para el video

Trata de que no haya espacios entre cada etiqueta, puede crear problemas en el diseño de la pagina, por lo menos en la mia si XD.
Y esto es todo. Espero que les sirva ;)
Ejemplo:

En: XHTML


Trackback URI | Comentarios RSS

Deja tu comentario

XHTML: Puedes usar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


Diseño completamente por DarkPaladin. 2008 Todos los derechos reservados.
Creative Commons License
dpaladin theme by Francisco Javier is licensed under a Creative Commons Atribución-No comercial-No Derivadas 2.5 México License.

Valid XHTML 1.0 Strict ¡CSS Válido!