YouTube Embed with New Player Design

In my previous post, I mentioned about YouTube’s new player design. Right now, it only works on YouTube site — not for videos embed externally. But, with a small modification on its player parameter, we can have the new player design for the video. Example? This is the original embed code:

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

Now, look at the this line of code:
http://www.youtube.com/v/XdQxtQFfxiM&hl=en_US&fs=1&rel=0
To have the video inserted using a new player design, just put version=3 parameter there. So, it will be like this:
http://www.youtube.com/v/XdQxtQFfxiM&hl=en_US&fs=1&rel=0&version=3
You will have YouTube video displayed like what you see below. Of course, you can still modify out it looks using another player parameters.

I personally like the new player design. So, I modified all video codes used at my videoblog to have the new look. It didn’t take much time since I replaced the codes using search and replace plugin. :)

Join the Conversation

1 Comment

Leave a comment

Your email address will not be published. Required fields are marked *