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

Rate this:
0.0

Post relacionados:

  1. Videos en WordPress
  2. YouTube.com y WordPress.com
  3. Probando un video YouTube.com en un POST
  4. QuickTime y WordPress
  5. Listo…. wordpress 2.3.1 :-D

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

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

13 Comments to YouTube, WordPress 2 y XHTML

  1. 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. oops!!! Mil disculpas. Ya corregí el post…y gracias nuevamente.

    3. Guillermo (Check me out!) on March 28th, 2006

  3. 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. 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 (Check me out!) on May 1st, 2006

  5. 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. 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 (Check me out!) on May 1st, 2006

  7. 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. 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. Es verdad… el plugin mencionado funciona de maravillas!!!!

    Lo recomiendo!!!!!

    10. TeKuLiN on October 7th, 2006

  10. 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. 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 (Check me out!) on December 2nd, 2006

  12. 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. 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

Leave a comment