Not So Silent (But Deadly) Youtube Embeds – “FART” Of The Day

My brother Eric is just starting out as a real estate salesperson in Florida, and he’s been busy setting up a few wordpress blogs (YouveBeenHoused.Com and GolfyGulfHomes.Com if you’re curious.) He’s the perfect source of content for this site because he’s not afraid to ask the “dumb” but necessary questions any real estate agent starting out with tech stuff should be asking. So…

Today’s FART is inspired by a question Eric had for me yesterday about embedding youtube videos into wordpress. He wanted to know how I tweaked the Youtube embed code to automaticaly play upon page load. This is pretty basic stuff, and I initially gave him a douchey brotherly “google it” which escalated into a more Nick Burnsy, “MOVE!” which had me just telling him how to go about stripping everything before and after the “embeds” and adding an “autoplay=1″ to the video url…

But This FART Takes Youtube’s Autoplay Feature A Step Further…

Today’s Fracking Awesome Real Estate TechTip is about a way to integrate Youtube’s Autoplay feature into your posts in order to provide a more dynamic, interesting experience for your website’s readers.

If you had your sound on as you started reading this post, you probably noticed, or are about to notice, that a little wind just broke from yonder computer speakers?

This Fart is about exactly that…

How To Autoplay Only The Audio From A Youtube Video Into A Web Page

Step 1: Copy The Youtube Embed Code from the right middle side of any youtube video page.
Step 2: Paste it into your blog page, making sure you’re in the “html” view of your editor.

The embed code will now look like this:

<object width=”560″ height=”340″><param name=”movie” value=”http://www.youtube.com/v/v6-MrGjoly4&hl=en&fs=1&rel=0″></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/v6-MrGjoly4&hl=en&fs=1&rel=0″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”560″ height=”340″></embed></object>

Step 3: Remove everything before the  “<embed src=” and after the </embed> .

It’ll look like this now:

<object width=”560″ height=”340″ data=”http://www.youtube.com/v/v6-MrGjoly4&amp;hl=en&amp;fs=1&amp;rel=0″ type=”application/x-shockwave-flash”><param name=”src” value=”http://www.youtube.com/v/v6-MrGjoly4&amp;hl=en&amp;fs=1&amp;rel=0″ /><param name=”allowfullscreen” value=”true” /></object>

Step 4: Add “&autoplay=1″ to the youtube url.

It’ll look like this now:

<object width=”560″ height=”340″ data=”http://www.youtube.com/v/v6-MrGjoly4&amp;hl=en&amp;fs=1&amp;rel=0&lt;b&gt;&lt;/span&gt;&amp;autoplay=1″ type=”application/x-shockwave-flash”><param name=”src” value=”http://www.youtube.com/v/v6-MrGjoly4&amp;hl=en&amp;fs=1&amp;rel=0&lt;b&gt;&lt;/span&gt;&amp;autoplay=1″ /><param name=”allowfullscreen” value=”true” /></object>

Step 5: Now that the video is set to autoplay, you can stop here if you want to just show the video and let it play when the page loads.

Now It’s Time To Hide The Youtube Video, But Keep The Audio

Step 5 Continued: Change the “width” and “height” numbers to “1″ and “1″

It’ll look like this now:

<object width=”1″ height=”1″ data=”http://www.youtube.com/v/v6-MrGjoly4&amp;hl=en&amp;fs=1&amp;rel=0&lt;b&gt;&lt;/span&gt;&amp;autoplay=1″ type=”application/x-shockwave-flash”><param name=”src” value=”http://www.youtube.com/v/v6-MrGjoly4&amp;hl=en&amp;fs=1&amp;rel=0&lt;b&gt;&lt;/span&gt;&amp;autoplay=1″ /><param name=”allowfullscreen” value=”true” /></object>

And…. it won’t be visible to the human eye because the video is set to be a teeny weeny 1px by 1px.

So, what do you think? Will you try this little FART to add some audio behind blog posts?

Here are a few ways I imagine this FART might be implemented…

1. To provide an audio explanation of a listing as users browse photos on a custom Single Property Page.

2. To induce/invite visitors to subscibe to one of your lead capture sites.

3. To add a little depth to the reader’s experience, by including some audio content relevant to your post’s subject matter like I did in this post featuring a “dentist’s drill” a few days ago.

4. And yeah… why not autoplay an embedded fart sound or some music or whatever, just in the interest of having a little fun with your  web marketing?