<?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>Emerson Carvalho &#187; alta definição</title>
	<atom:link href="http://www.emersoncarvalho.com/tag/alta-definicao/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.emersoncarvalho.com</link>
	<description>Php, Javascript, Flex, MySql, ZendFramework and more...</description>
	<lastBuildDate>Wed, 01 Feb 2012 10:49:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Personalizando o player embed do youtube</title>
		<link>http://www.emersoncarvalho.com/personalizando-o-player-embed-do-youtube/</link>
		<comments>http://www.emersoncarvalho.com/personalizando-o-player-embed-do-youtube/#comments</comments>
		<pubDate>Thu, 17 Jun 2010 20:46:57 +0000</pubDate>
		<dc:creator>@emersonbroga</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[alta definição]]></category>
		<category><![CDATA[embed]]></category>
		<category><![CDATA[hd]]></category>
		<category><![CDATA[personalizado]]></category>
		<category><![CDATA[player]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://www.emersoncarvalho.com/?p=94</guid>
		<description><![CDATA[Olá pessoal, Hoje vou dar algumas dicas básicas sobre o player embed do youtube. Muitos de vocês pegam o código &#60;embed&#62; disponibilizado pelo youtube e simplesmente colocam em seu site. Existem uma série de parâmetros que vocês pode utilizar para habilitar e desabilitar alguns recursos desse player. Essa é uma URL comum do youtube http://www.youtube.com/watch?v=COvCPJGjaiE [...]]]></description>
			<content:encoded><![CDATA[<p>Olá pessoal,<br />
Hoje vou dar algumas dicas básicas sobre o player embed do youtube.</p>
<div id="attachment_95" class="wp-caption aligncenter" style="width: 402px"><a href="http://www.emersoncarvalho.com/wp-content/uploads/2010/06/youtube.jpg"><img class="size-full wp-image-95" title="Player Embed do Youtube" src="http://www.emersoncarvalho.com/wp-content/uploads/2010/06/youtube.jpg" alt="Player Embed do Youtube" width="392" height="266" /></a><p class="wp-caption-text">Player Embed do Youtube</p></div>
<p>Muitos de vocês pegam o código &lt;embed&gt; disponibilizado pelo youtube e simplesmente colocam em seu site.<br />
Existem uma série de parâmetros que vocês pode utilizar para habilitar e desabilitar alguns recursos desse player.</p>
<p><span id="more-94"></span></p>
<p>Essa é uma URL comum do youtube	<strong>http://www.youtube.com/watch?v=COvCPJGjaiE</strong> onde vc tem o codigo do vídeo como parâmetro http://www.youtube.com/watch?<strong>v=COvCPJGjaiE</strong> principal. Após esse parâmetro podemos passar vários outros parâmetros de acordo com nossa necessidade.</p>
<p><strong>1 &#8211; Vídeos Relacionados</strong><br />
Com o parâmetro <strong>rel</strong>, o player exibe ou não os vídeos relacionados. Os valores aceitos são 0 e 1, e o padrão é 1.</p>
<pre class="brush: xml; title: ; notranslate">
Exemplos:
Com vídeos relacionados:
	-http://www.youtube.com/watch?v=COvCPJGjaiE
	-http://www.youtube.com/watch?v=COvCPJGjaiE&amp;rel=1
Sem vídeos relacionados:
	-http://www.youtube.com/watch?v=COvCPJGjaiE&amp;rel=0
</pre>
<p><strong>2 &#8211; Autoplay</strong><br />
Com o parâmetro <strong>autoplay</strong>, o player assim que carregado começa a &#8220;tocar&#8221; o vídeo. Os valores aceitos são 0 e 1, e o padrão é 0.</p>
<pre class="brush: xml; title: ; notranslate">
Exemplos:
Com Autoplay:
	-http://www.youtube.com/watch?v=COvCPJGjaiE&amp;autoplay=1
Sem Autoplay:
	-http://www.youtube.com/watch?v=COvCPJGjaiE
	-http://www.youtube.com/watch?v=COvCPJGjaiE&amp;autoplay=0
</pre>
<p><strong>3 &#8211; Loop</strong><br />
Com o parâmetro <strong>loop</strong>, o player em caso de vídeo único, fica &#8220;tocando&#8221; o vídeo em &#8220;loop&#8221;, em caso de playlist ele &#8220;toca&#8221; toda a playlist e recomeça. Os valores aceitos são 0 e 1, e o padrão é 0.</p>
<pre class="brush: xml; title: ; notranslate">
Exemplos:
Com Loop:
	-http://www.youtube.com/watch?v=COvCPJGjaiE&amp;loop=1
Sem Loop:
	-http://www.youtube.com/watch?v=COvCPJGjaiE
	-http://www.youtube.com/watch?v=COvCPJGjaiE&amp;loop=0
</pre>
<p><strong>4 &#8211; Disable KeyBoard</strong><br />
Com o parâmetro <strong>disablekb</strong>, o player aceita os atalhos de teclado. Os valores aceitos são 0 e 1, e o padrão é 0.</p>
<pre class="brush: xml; title: ; notranslate">
Os atalhos de teclado são:
	Barra de espaço: Play / Pause
	Seta Esquerda: Volta em 10% o vídeo.
	Seta Direita: Avança em 10% o vídeo.
	Seta Cima: Aumenta volume.
	Seta Baixo: Diminui volume.
</pre>
<pre class="brush: xml; title: ; notranslate">
Exemplos:
Com atalhos de teclado:
	-http://www.youtube.com/watch?v=COvCPJGjaiE&amp;disablekb=1
Sem atalhos de teclado:
	-http://www.youtube.com/watch?v=COvCPJGjaiE
	-http://www.youtube.com/watch?v=COvCPJGjaiE&amp;disablekb=0
</pre>
<p><strong>5 &#8211; Border</strong><br />
Com o parâmetro <strong>border</strong>, o player exibe a borda. Os valores aceitos são 0 e 1, e o padrão é 0.</p>
<pre class="brush: xml; title: ; notranslate">
Exemplos:
Com Border:
	-http://www.youtube.com/watch?v=COvCPJGjaiE&amp;border=1
Sem Border:
	-http://www.youtube.com/watch?v=COvCPJGjaiE
	-http://www.youtube.com/watch?v=COvCPJGjaiE&amp;border=0
</pre>
<p><strong>6 &#8211; Color1, Color2</strong><br />
Com o parâmetro <strong>color1<br />
e color2</strong>, definimos as cores do player. Os valores aceitos são cores hexadecimais.</p>
<pre class="brush: xml; title: ; notranslate">
Exemplos:
Cores Azul e Amarelo:
	-http://www.youtube.com/watch?v=COvCPJGjaiE&amp;color1=0000FF&amp;color2=FFFF00
</pre>
<p><strong>7 &#8211; Start </strong><br />
Com o parâmetro <strong>start</strong>, o player começa a exibição do vídeo a partir do valor que for passado. Os valores aceitos são numeros inteiros positivos.</p>
<pre class="brush: xml; title: ; notranslate">
Exemplos:
Comecar o vídeo em 10s:
	-http://www.youtube.com/watch?v=COvCPJGjaiE&amp;start=10
</pre>
<p><strong>8 &#8211; High Definition</strong><br />
Com o parâmetro <strong>hd</strong>, definimos se o player ira &#8220;tocar&#8221; o vídeo em alta definção ou não. Com o hd definido como 1, ele toca o vídeo em alta definição, caso ela esteja disponível. Os valores aceitos são 0 e 1, e o padrão é 0.</p>
<pre class="brush: xml; title: ; notranslate">
Exemplos:
Com High Definition:
	-http://www.youtube.com/watch?v=COvCPJGjaiE&amp;hd=1
Sem High Definition:
	-http://www.youtube.com/watch?v=COvCPJGjaiE
	-http://www.youtube.com/watch?v=COvCPJGjaiE&amp;hd=0
</pre>
<p><strong>9 &#8211; Show Search</strong><br />
Com o parâmetro <strong>showsearch</strong>, o player exibe a barra de busca. Lembrando que o se o atributo <strong>rel</strong> for 0 o <strong>showsearch</strong> será 0 também. Os valores aceitos são 0 e 1, e o padrão é 1.</p>
<pre class="brush: xml; title: ; notranslate">
Exemplos:
Com Barra de busca:
	-http://www.youtube.com/watch?v=COvCPJGjaiE
	-http://www.youtube.com/watch?v=COvCPJGjaiE&amp;showsearch=1
Sem Barra de busca:
	-http://www.youtube.com/watch?v=COvCPJGjaiE&amp;showsearch=0
</pre>
<p><strong>10 &#8211; Show Info</strong><br />
Com o parâmetro <strong>showinfo</strong>, o player exibe a informações como título e nota(ratings), antes do vídeo tocar. Os valores aceitos são 0 e 1, e o padrão é 1.</p>
<pre class="brush: xml; title: ; notranslate">
Exemplos:
Com informações:
	-http://www.youtube.com/watch?v=COvCPJGjaiE
	-http://www.youtube.com/watch?v=COvCPJGjaiE&amp;showinfo=1
Sem informações:
	-http://www.youtube.com/watch?v=COvCPJGjaiE&amp;showinfo=0
</pre>
<p>Assim você pode montar a url para o player embed com os atributos que achar necessário:</p>
<pre class="brush: xml; title: ; notranslate">
Exemplo:
Um vídeo com o player nas cores Azul e amarelo, com loop e sem vídeos relacionados.
	-http://www.youtube.com/watch?v=COvCPJGjaiE&amp;color1=0000FF&amp;color2=FFFF00&amp;loop=1&amp;rel=0
</pre>
<p>Aí você coloca essa url no seu embed player.</p>
<pre class="brush: xml; title: ; notranslate">
&lt;object classid=&quot;clsid:d27cdb6e-ae6d-11cf-96b8-444553540000&quot; width=&quot;640&quot; height=&quot;385&quot; codebase=&quot;http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0&quot;&gt;
	&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot; /&gt;
	&lt;param name=&quot;allowscriptaccess&quot; value=&quot;always&quot; /&gt;
	&lt;param name=&quot;src&quot; value=&quot;http://www.youtube.com/watch?v=COvCPJGjaiE&amp;color1=0000FF&amp;color2=FFFF00&amp;loop=1&amp;rel=0&quot; /&gt;
	&lt;param name=&quot;allowfullscreen&quot; value=&quot;true&quot; /&gt;
	&lt;embed type=&quot;application/x-shockwave-flash&quot; width=&quot;640&quot; height=&quot;385&quot; src=&quot;http://www.youtube.com/watch?v=COvCPJGjaiE&amp;color1=0000FF&amp;color2=FFFF00&amp;loop=1&amp;rel=0&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot;&gt;&lt;/embed&gt;
&lt;/object&gt;
</pre>
<p>Existem vários outros parâmetros, que você pode usar, eles estão disponíveis na API do youtube.</p>
<p>Referência:<br />
<a title="Youtube" href="http://code.google.com/apis/youtube/player_parameters.html">http://code.google.com/apis/youtube/player_parameters.html</a></p>
<p>Espero que tenham gostado.<br />
[ratings]</p>
<!-- boo-widget start -->
          <script type="text/javascript">
            bb_keywords = "alta definição";
            bb_bid  = "51002";
            bb_lang = "pt-BR";
            bb_name = "custom";bb_limit = "7";bb_format = "bbc";
          </script>
          <script type="text/javascript" src="http://widgets.boo-box.com/javascripts/embed.js"></script>
          <!-- boo-widget end -->]]></content:encoded>
			<wfw:commentRss>http://www.emersoncarvalho.com/personalizando-o-player-embed-do-youtube/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

