<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Blog de Emiliano Mettini &#187; tips</title>
	<atom:link href="http://www.emilianomettini.com.ar/category/tips/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.emilianomettini.com.ar</link>
	<description>la vida en la web y quizás .. un poco de todo</description>
	<lastBuildDate>Wed, 11 Aug 2010 19:55:19 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>XHTML + YouTube + imeem</title>
		<link>http://www.emilianomettini.com.ar/xhtml-youtube-imeem/</link>
		<comments>http://www.emilianomettini.com.ar/xhtml-youtube-imeem/#comments</comments>
		<pubDate>Mon, 10 Aug 2009 15:09:26 +0000</pubDate>
		<dc:creator>Emiliano</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[desarrollo]]></category>
		<category><![CDATA[dudas resueltas]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[imeem]]></category>
		<category><![CDATA[players]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[tip]]></category>
		<category><![CDATA[validador]]></category>
		<category><![CDATA[validar]]></category>
		<category><![CDATA[xhtml]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://www.emilianomettini.com.ar/?p=70</guid>
		<description><![CDATA[Seguramente si tenés un blog, algún post con videos de YouTube o canciones de imeem embebidos tenés que tener por ahí. Una de las reglas básicas del SEO es que tu página valide XHTML con lo que garantizás el seguimiento de los estándares; el problema está en que el código que te proveen estas páginas [...]]]></description>
			<content:encoded><![CDATA[<p>Seguramente si tenés un blog, algún post con videos de YouTube o canciones de imeem embebidos tenés que tener por ahí. Una de las reglas básicas del SEO es que tu página <a title="XHTML Validator" href="http://validator.w3.org/">valide XHTML</a> con lo que garantizás el seguimiento de los estándares; el problema está en que el código que te proveen estas páginas para embeber los reproductores no valida, such a big problem!!</p>
<p>Por lo que haciéndoles algunas correcciones a los mismos se puede tener los players funcionando perfectamente y que a su vez pasen el <a title="XHTML Validator" href="http://validator.w3.org/">validador</a> (en modo STRICT) .. magia!!</p>
<p>Vamos a lo técnico entonces:</p>
<p>En el caso de YouTube, a la hora de embeber un video, vas a tener algo así:</p>
<p class="code">
<code><br />
&lt;object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"&gt;<br />&nbsp;&nbsp;&lt;param name="allowFullScreen" value="true" /&gt;<br />&nbsp;&nbsp;&lt;param name="allowscriptaccess" value="always" /&gt;<br />&nbsp;&nbsp;&lt;param name="src" value="http://www.youtube.com/v/V40IUg8pCho&amp;hl=en&amp;fs=1&amp;" /&gt;<br />&nbsp;&nbsp;&lt;param name="allowfullscreen" value="true" /&gt;<br />&nbsp;&nbsp;&lt;embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/V40IUg8pCho&amp;hl=en&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"&gt;&lt;/embed&gt;<br />&lt;/object&gt;<br />
</code>
</p>
<p>Ahora bien, haciéndole los retoques necesarios para poder validar nos quedaría algo así:</p>
<p class="code">
<code><br />
&lt;object type="application/x-shockwave-flash" width="425" height="350" data="http://www.youtube.com/v/V40IUg8pCho&amp;hl=en&amp;fs=1&amp;"&gt;<br />&nbsp;&nbsp;&lt;param name="movie" value="http://www.youtube.com/v/V40IUg8pCho&amp;hl=en&amp;fs=1&amp;"&gt;<br />&lt;/object&gt;<br />
</code>
</p>
<p>En el caso de los reproductores de imeem es lo mismo, partiendo de un código como este:</p>
<p class="code">
<code><br />
&lt;object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="300" height="110" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"&gt;<br />&nbsp;&nbsp;&lt;param name="wmode" value="transparent" /&gt;<br />&nbsp;&nbsp;&lt;param name="src" value="http://media.imeem.com/m/3qdaxCK5Pn/aus=false/" /&gt;<br />&nbsp;&nbsp;&lt;embed type="application/x-shockwave-flash" width="300" height="110" src="http://media.imeem.com/m/3qdaxCK5Pn/aus=false/" wmode="transparent"&gt;&lt;/embed&gt;<br />&lt;/object&gt;<br />
</code>
</p>
<p>Se tendría que reemplazar con algo así:</p>
<p class="code">
<code><br />
&lt;object type="application/x-shockwave-flash" width="300" height="110" data="http://media.imeem.com/m/3qdaxCK5Pn/aus=false/"&gt;<br />&nbsp;&nbsp;&lt;param name="wmode" value="transparent" /&gt;<br />&nbsp;&nbsp;&lt;param name="src" value="http://media.imeem.com/m/3qdaxCK5Pn/aus=false/" /&gt;<br />&lt;/object&gt;<br />
</code>
</p>
<p>Y listo, con eso basta <img src='http://www.emilianomettini.com.ar/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> ; si quieren pueden echar un vistazo a <a title="Jazz, por donde empezar" href="http://www.emilianomettini.com.ar/jazz-por-donde-empezar/">este</a> ejemplo o a <a title="Radiohead en Argentina" href="http://www.emilianomettini.com.ar/radiohead-en-argentina/">este</a> para ver como quedan.</p>

	Etiquetas: <a href="http://www.emilianomettini.com.ar/tag/desarrollo/" title="desarrollo" rel="tag">desarrollo</a>, <a href="http://www.emilianomettini.com.ar/tag/imeem/" title="imeem" rel="tag">imeem</a>, <a href="http://www.emilianomettini.com.ar/tag/players/" title="players" rel="tag">players</a>, <a href="http://www.emilianomettini.com.ar/tag/seo/" title="seo" rel="tag">seo</a>, <a href="http://www.emilianomettini.com.ar/tag/tip/" title="tip" rel="tag">tip</a>, <a href="http://www.emilianomettini.com.ar/tag/validador/" title="validador" rel="tag">validador</a>, <a href="http://www.emilianomettini.com.ar/tag/validar/" title="validar" rel="tag">validar</a>, <a href="http://www.emilianomettini.com.ar/tag/xhtml/" title="xhtml" rel="tag">xhtml</a>, <a href="http://www.emilianomettini.com.ar/tag/youtube/" title="youtube" rel="tag">youtube</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.emilianomettini.com.ar/xhtml-youtube-imeem/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
