Home > Blogs, Internet, WordPress > YouTube, WordPress 2 y XHTML

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

Categories: Blogs, Internet, WordPress Tags:
  1. March 28th, 2006 at 23:49 | #1
    Usando Internet Explorer Internet Explorer 5.0 sobre Windows Windows 98

    Me alegra que te sirviera la info…

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

    Saludos!

  2. March 28th, 2006 at 23:54 | #2
    Usando Internet Explorer Internet Explorer 6.0 sobre Windows Windows XP

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

  3. May 1st, 2006 at 10:53 | #3
    Usando Mozilla Firefox Mozilla Firefox 1.5.0.2 sobre Windows 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. May 1st, 2006 at 11:37 | #4
    Usando Internet Explorer Internet Explorer 6.0 sobre Windows 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. May 1st, 2006 at 13:17 | #5
    Usando Mozilla Firefox Mozilla Firefox 1.5.0.2 sobre Windows 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. May 1st, 2006 at 13:26 | #6
    Usando Internet Explorer Internet Explorer 6.0 sobre Windows 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. May 1st, 2006 at 13:42 | #7
    Usando Mozilla Firefox Mozilla Firefox 1.5.0.2 sobre Windows 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. August 10th, 2006 at 20:02 | #8
    Usando Mozilla Firefox Mozilla Firefox 1.5.0.6 sobre Windows 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. October 7th, 2006 at 00:59 | #9
    Usando Internet Explorer Internet Explorer 6.0 sobre Windows Windows XP

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

    Lo recomiendo!!!!!

  10. November 22nd, 2006 at 16:07 | #10
    Usando Opera Opera 9.02 sobre Windows 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. December 2nd, 2006 at 21:44 | #11
    Usando Mozilla Firefox Mozilla Firefox 2.0 sobre Windows 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. Jesús
    June 1st, 2007 at 06:55 | #12
    Usando Camino Camino 1.0.3 sobre Mac OS Mac OS X

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


  13. June 4th, 2007 at 10:04 | #13
    Usando Mozilla Firefox Mozilla Firefox 2.0.0.4 sobre Windows 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!

  1. January 10th, 2009 at 04:24 | #1