<?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>Navarr&#039;s Tech Side &#187; YouTube</title>
	<atom:link href="http://tech.navarr.me/topics/companies/google-companies/youtube/feed" rel="self" type="application/rss+xml" />
	<link>http://tech.navarr.me</link>
	<description>The Technical Side of my Life</description>
	<lastBuildDate>Tue, 07 Feb 2012 22:32:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<cloud domain='tech.navarr.me' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
		<item>
		<title>YouTube Mini Audio Player</title>
		<link>http://tech.navarr.me/2009/10/youtube-mini-audio-player.html</link>
		<comments>http://tech.navarr.me/2009/10/youtube-mini-audio-player.html#comments</comments>
		<pubDate>Tue, 27 Oct 2009 23:34:56 +0000</pubDate>
		<dc:creator>Navarr</dc:creator>
				<category><![CDATA[YouTube]]></category>
		<category><![CDATA[YouTube Audio Player]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[music]]></category>

		<guid isPermaLink="false">http://tech.gtaero.net/2009/10/youtube-mini-audio-player.html</guid>
		<description><![CDATA[If you read my personal blog (which a lot of you probably don’t even know exists) you’ll commonly see music embedded as mini-YouTube embeds.&#160; It turns out, the magic height is 25 pixels, and the magic width (for play/pause and mute) is 62 pixels. However, it is kind of a burden to do this every [...]]]></description>
			<content:encoded><![CDATA[<p>If you read my personal blog (which a lot of you probably don’t even know exists) you’ll commonly see music embedded as mini-YouTube embeds.&#160; It turns out, the magic height is 25 pixels, and the magic width (for play/pause and mute) is 62 pixels.</p>
<div style="padding-bottom: 0px; margin: 0px auto; padding-left: 0px; width: 62px; padding-right: 0px; display: block; float: none; padding-top: 0px" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:483cec9e-036b-43a9-b49a-eb9506b37975" class="wlWriterEditableSmartContent">
<div><object width="62" height="25"><param name="movie" value="http://www.youtube-nocookie.com/v/4pXfHLUlZf4&amp;hl=en&amp;fs=1&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/4pXfHLUlZf4&amp;hl=en&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="62" height="25"><a href="http://www.youtube.com/watch?v=4pXfHLUlZf4"><span style='text-align:left;display:block;'><p><object type='application/x-shockwave-flash' data='http://s2.wp.com/wp-content/plugins/audio-player/player.swf' width='290' height='24' id='audioplayer1'><param name='movie' value='http://s2.wp.com/wp-content/plugins/audio-player/player.swf' /><param name='FlashVars' value='&amp;bg=0xf8f8f8&amp;leftbg=0xeeeeee&amp;lefticon=0x666666&amp;rightbg=0xcccccc&amp;rightbghover=0x999999&amp;righticon=0x666666&amp;righticonhover=0xffffff&amp;text=0x666666&amp;slider=0x666666&amp;track=0xFFFFFF&amp;border=0x666666&amp;loader=0x9FFFB8&amp;soundFile=on%20youtube' /><param name='quality' value='high' /><param name='menu' value='false' /><param name='bgcolor' value='#FFFFFF' /><param name='wmode' value='opaque' /></object></p></span></a></embed></object></div>
</div>
<p>However, it is kind of a burden to do this every time you want to embed a mini player (you have to edit at four fields in the HTML!)&#160; So to simplify this process, I, like any programmer before me, <a href="http://www.gtaero.net/ytmusic/">created a generator</a>.&#160; Just type in the URL to the YouTube video and press make, and you’ll get a preview as well as the cross-browser HTML-esque mess of a code to embed.</p>
<p>Of course, if you’re <strong>truly</strong> lazy, just drag the bookmarklet below to your bookmark bar in your web browser, and click it on any YouTube video and you’ll be taken to the page with the code already generated.</p>
<p align="center"><a href="javascript:document.location='http://gtaero.net/ytmusic/?q=' + document.location">Generate Mini-Player</a></p>
<p align="left">Source code is available via link at the bottom of the page.</p>
<p align="left"><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="80x15[1]" border="0" alt="80x15[1]" src="http://tech.gtaero.net/wp-content/uploads/2009/10/80x151.png" width="80" height="15" /></a> </p>
<div style="display: none"><span xmlns:dc="http://purl.org/dc/elements/1.1/" href="http://purl.org/dc/dcmitype/Text" property="dc:title" rel="dc:type">class::Scrobbler</span> by <a href="http://www.koneko-chan.net/people/Navarr" rel="cc:attributionURL" property="cc:attributionName" xmlns:cc="http://creativecommons.org/ns#">Navarr T. Barnier</a> is licensed under a <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/" rel="license">Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License</a>.     <br />Based on a work at <a href="http://www.gtaero.net/ytmusic/?source" rel="dc:source" xmlns:dc="http://purl.org/dc/elements/1.1/">gtaero.net</a>.     <br />Permissions beyond the scope of this license may be available at <a href="mailto:navarr@koneko-chan.net" rel="cc:morePermissions" xmlns:cc="http://creativecommons.org/ns#">mailto:navarr@koneko-chan.net</a>.</div>
]]></content:encoded>
			<wfw:commentRss>http://tech.navarr.me/2009/10/youtube-mini-audio-player.html/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
	</channel>
</rss>

