YouTube, WordPress 2 y XHTML

YouTube.com Aquí experimentando con el WordPress, intenté añadir un video de YouTube.com. Pero no cargaba en el preview. Revisé el código HTML y el código no estaba completo, el editor del WordPress lo había cortado. Obviamente tenía el WordPress con las opciones por defecto que incluyen el editor avanzado y el validador de XHTML.

Primero a buscar algo de información sobre el tag OBJECT en XHTML:
http://www.w3schools.com/tags/tag_object.asp.
El problema estaba claro, ya no se debe usar EMBED y el WordPress lo eliminaba automáticamente.

Pués bueno, a googlear. Y encontré que no era el único con este problema al colocar -o mejor dicho- intentar colocar estos videitos de YouTube.com. Seguía buscando y encontré un plugin para colocar estos videos: WordPress/YouTube Video Gallery Plugin.

Bajé el plugin, lo instalé y a probar. Aparentemente el editor seguía comiendose el código. No lograba ver los videos. Ni modo, a buscar en Google otro rato. Y por fin encontré un web muy interesante, miniplug.tv donde corregían un error en el código generado por este plugin y obviamente recomendaban desactivar el editor avanzado y la validación de XHTML de WordPres. Así que a probar…

Eureka!!! ahora si puedo ver el video en un post y sin necesidad del plugin. En este web de miniplug.tv explican que hay que reemplazar el codigo del plugin:

<object width="425" height="350">
<param name=”movie”
value=”http://www.youtube.com/v/XXXXXXXXXXX“>
</param>
<embed xsrc=”http://www.youtube.com/v/XXXXXXXXXXX”
mce_src=”http://www.youtube.com/v/XXXXXXXXXXX” type=”application/x-shockwave-flash”
width=”425″ height=”350″></embed>
</object>

por este:

<object type="application/x-shockwave-flash"
style="width:425px;height:350px" data="http://www.youtube.com/v/XXXXXXXXXXX">
<param name="movie"
value="http://www.youtube.com/v/XXXXXXXXXXX" />
</object>

Nota.- Si copias y pegas este texto, reemplaza manualmente las comillas dobles para que no tengas problemas. Las comillas que aparecen aquí son referenciales y no funcionarán correctamente como HTML.

siendo XXXXXXXXXXX el ID del video. Pero con la sintaxis correcta y operativa ya no es necesario el plugin asi que a postear videos. Muchas gracias a los amigos de miniplug.TV

IMPORTANTE: Este código funciona muy bien si instalas el WordPress, ya sea manualmente o con alguna preinstalación de algún servicio de alojamiento. Pero si usas el servicio de wordpress.com donde ya está instalado el WordPress (y donde puedes publicar tu blog gratuitamente) debes usar las etiquetas que ellos mismos han preparado para los videos YouTube. Lee mi post: YouTube.com y WordPress.com

No hay post relacionados.

Related posts brought to you by Yet Another Related Posts Plugin.

Monday, March 27th, 2006 Blogs, Internet, WordPress

14 Comments to YouTube, WordPress 2 y XHTML

  1. Internet Explorer 5.0 Windows 98

    Me alegra que te sirviera la info…

    solo una cosa.. somos miniplug.tv jeje, sin el .com

    Saludos!

    2. Gianko on March 28th, 2006
  2. Internet Explorer 6.0 Windows XP

    oops!!! Mil disculpas. Ya corregí el post…y gracias nuevamente.

    3. Guillermo on March 28th, 2006
  3. Mozilla Firefox 1.5.0.2 Windows 98

    Pues a mí me sigue sin funcionar.
    He desactivado las dos opciones que indicáis. He copiado la secuencia, he puesto el código del video y nada. Y lo peor es que hasta me ha descuadrado toda plantilla de página. El sidebar sale donde le parece…
    Empiezo a arrepentirme de haber confiado en wordpress, la verdad. No la veo tan útil y manejable como dicen.

    4. Alicia on May 1st, 2006
  4. Internet Explorer 6.0 Windows XP

    Espero que poco a poco vayas encontrando las ventajas del WordPress. Y respecto a tu comentario, según veo en tu web, estas usando la versión 1.5.  Deberías considerar (si es posible) migrar a la última versión porque han cambiado varias cosas para el autor (o editor) que facilitan las tareas de administración del blog. Y respecto al YouTube, recuerda revisar que el código este correctamente en el HTML, no necesariamente del editor del WP (no recuerdo bien como era en la version 1.5) pero en la versión 2 en el editor avanzado ves como va quedando el post y tiene una función a parte para editar el HTML. Comentanos como te fue y/o si necesitas alguna ayuda.

    5. Guillermo on May 1st, 2006
  5. Mozilla Firefox 1.5.0.2 Windows 98

    el programa base de WordPress es la versón 2.0.2, pero la plantilla o tema que he elegido, pone eso 1.5. De hecho, yo casi siempre he editado en la ventanita del html porque me resulta más cómodo y controlo mejor (a no ser sea un texto solo).

    Lo intentaré de nuevo y si no sale, lo dejaré como asignatura pendiente.

    Yo si puedo ver los videos youtube en otros wordpress. ¿No hay algún plugin?

    6. Alicia on May 1st, 2006
  6. Internet Explorer 6.0 Windows XP

    El código funciona sin problemas, lo probé en el post: http://izarnotegui.com/gmo/2006/03/29/probando-un-video-youtubecom-en-un-post/
    Y no es necesario ningún plugin. Lo que podrías hacer es colocar el código del video en un post, salvarlo y luego verificar como quedó el HTML. De este modo verificarías si el WP y alguna de sus validaciones esta modificando el código.

    7. Guillermo on May 1st, 2006
  7. Mozilla Firefox 1.5.0.2 Windows 98

    Ya he conseguido que me funcione con el enlace de arriba, que no lo había probado . En cualquier caso, tomo nota, porque en el futuro quisiera poner mp3, swf, mpg…

    Muchísimas gracias.
    Te anoto en mis favoritos y escribiré un post sobre tí.
    Besos

    8. Alicia on May 1st, 2006
  8. Mozilla Firefox 1.5.0.6 Windows XP

    Luego de buscar y buscar, probar y probar por fin encontre un plugin que funciona a las mil maravillas. Aca lo pueden ver viper007bond de veras es el unico que me funciono sin problemas, ademas que es muy facil de editar y adaptar a tu gusto y tambien funciona con google video.

    Saludos

    9. oscar on August 10th, 2006
  9. Internet Explorer 6.0 Windows XP

    Es verdad… el plugin mencionado funciona de maravillas!!!!

    Lo recomiendo!!!!!

    10. TeKuLiN on October 7th, 2006
  10. Opera 9.02 Windows XP

    Si , alfin funciona con IE6 pero ahora con el firefox a partir del post que contiene dicho codigo la pagina se ve sin delimitaciones entre post, fastidia el diseño en general de toda la web.
    con Opera funciona todo a las mil maravillas.

    11. davma on November 22nd, 2006
  11. Mozilla Firefox 2.0 Windows XP

    Una forma de asegurarte que tu página no se desarme con estos OBJECTs en ningún navegador, es metiéndolos en una tabla. Es decir, agregas…

    al inicio (antes del OBJECT): <table><tr><td>
    y al final (después del OBJECT): </td></tr></table>

    Incluso podriás colocar un align dentro del tag TABLE para alinearla de acuerdo al diseño de tu web.

    12. Guillermo on December 2nd, 2006
  12. Camino 1.0.3 Mac OS X

    Gracias Guillermo, aparte de tablas me ha funcionado para no descabalar el diseño metiéndolo entre etiquetas así:


    13. Jesús on June 1st, 2007
  13. Mozilla Firefox 2.0.0.4 Windows XP

    Hola, me gustaria poner un buscador de videos en mi pagina web, donde puedo encontrar el codigo para insetarlo?? no lo veo por ningun sitio.

    Muchas gracias!!!

    P.D. Agradeceria respuesta por correo, gracias de nuevo!

    14. German on June 4th, 2007
  14. WordPress 2.6.2

    [...] izarnotegui.com nos dicen que se puede postear video de youtube en wordpress sin usar un sólo plugin, habrá que [...]

    15. elblogdeffuentes.cl » Archive » Tutorial - Cómo postear mp3 o videos en wordpress on January 10th, 2009

Leave a comment



My Twitter...

Posting tweet...

Powered by Twitter Tools