Insertar un video de YouTube en tu blog es muy sencillo. Basta con copiar y pegar el HTML que se nos proporciona. Pues bien, si simplemente hacemos esto la página resultante no va a ser XHTML válido.
Buscando he encontrado varias maneras de convertir dicho HTML a XHTML válido. A mí no me ha funcionado ninguna directamente, ya que me rompían el diseño de la página. Al final, he tenido que introducir el nuevo código dentro de un div. Si utilizas los ejemplos que adjunto tendrás que ver si el nuevo div encaja en el diseño de la página.
YouTube
El HTML que nos proporcionan tiene esta pinta:
<object width="425" height="355"> <param name="movie" value="[URL]"></param> <param name="wmode" value="transparent"></param> <embed src="[URL]" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed> </object>
A mí me valida si lo cambio por:
<div align="center"> <object type="application/x-shockwave-flash" style="width:425pxheight:355px " data="[URL]"> <param name="movie" value="[URL]" /> </object> </div>
Tendrás que sustituir [URL] por la URL a tu video en YouTube.
Slideshare
Con slideshare pasa algo similar. El HTML que nos proporcionan es:
<div style="width:425pxtext-align:left" id="__ss_195187"><object style="margin:0px" width="425" height="355"> <param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=como-programar-un-blog-rest-1197022685945500-3"/><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=como-programar-un-blog-rest-1197022685945500-3" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object><div style="font-size:11px font-family:tahoma,arial height:26px padding-top:2px "><a href="http://www.slideshare.net/?src=embed"><img src="http://static.slideshare.net/swf/logo_embd.png" style="border:0px none margin-bottom:-5px" alt="SlideShare"/></a> <a href="http://www.slideshare.net/zanaguara/como-programar-un-blog-rest" title="View 'Como programar un blog REST' on SlideShare">View</a> <a href="http://www.slideshare.net/upload">Upload your own</a></div></div>
Yo lo he cambiado por:
<div align="center"> <object type="application/x-shockwave-flash" style="width:425pxheight:355px " data="http://static.slideshare.net/swf/ssplayer2.swf?doc=como-programar-un-blog-rest-1197022685945500-3"> <param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=como-programar-un-blog-rest-1197022685945500-3" /> </object> </div>




![Validate my RSS feed [Valid RSS]](/wp-content/themes/javiervidal/images/valid-rss.png)