How To Customize YouTube Embedded Player

Most of bloggers/webmasters choose to host their videos on YouTube instead of their own website, which is a great way to get some extra views. Because if you're hosting it on YouTube, your video will also be visible to more than 800 million unique users every month. Also, by adding a backlink to your website, you can get some visitors from YouTube as well.

If you are going to use YouTube to host videos for your site, at the least, you should know some ways in which you can customize YouTube's embedded player.

YouTube Player Parameters:

To customize our YouTube player, first we need to learn about YouTube player parameters. So, I made a list of YouTube player parameters, which is available at this link. All of the parameters are optional. Note that these parameters are only officially supported by the embedded player.

For example, we're going to use "Autohide Video Controls After A Video Begins Playing," "Video Details" and "Video Player Theme" parameters from the list.

Customizing Old YouTube Player:

If you're still using old YouTube player, which is not a much smart choice but still, you can customize it with parameters. Below is the sample code of a non-customized YouTube player:

<object width="600" height="338"><param name="movie" value="http://www.youtube.com/v/6UWDdxJ_gZQ?hl=en_US&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6UWDdxJ_gZQ?hl=en_US&version=3&autohide=0&showinfo=0&theme=light" type="application/x-shockwave-flash" width="600" height="338" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Now to customize this player, we will add autohide=0 (to hide video controls after video begins playing), showinfo=0 (to hide video info) and theme=light (to add light theme to player.). Here is the customized old YouTube player:

<object width="600" height="338"><param name="movie" value="http://www.youtube.com/v/6UWDdxJ_gZQ?hl=en_US&version=3&autohide=0&showinfo=0&theme=light"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6UWDdxJ_gZQ?hl=en_US&version=3&autohide=0&showinfo=0&theme=light" type="application/x-shockwave-flash" width="600" height="338" allowscriptaccess="always" allowfullscreen="true"></embed></object>

We'll add each parameter with "&" tag.

Customizing YouTube Player:

Now it's time for those who are up-to-date, and are using new YouTube player aka iFrame player. Customizing new player is same as old player. Below is the sample code for non-customized new YouTube player:

<iframe width="600" height="338" src="http://www.youtube.com/embed/6UWDdxJ_gZQ" frameborder="0" allowfullscreen></iframe>

First, we'll add "&" tag after video url. After "&" we'll add our first parameter, such as autohide=0. Then we'll add rest of parameters following "?" tag. Below is the code of customized new YouTube player:

<iframe width="600" height="338" src="http://www.youtube.com/embed/6UWDdxJ_gZQ?autohide=0&showinfo=0&theme=light" frameborder="0" allowfullscreen></iframe>

That was easy! Hope it'll help you in future posting. Finally, below are both, non-customized (in left) and customized (in right) YouTube players:

List Of YouTube Embedded Player Parameters

Below is a list of YouTube Embedded Player Parameters (How To Use):

Autohide Video Controls After A Video Begins Playing

Type	Parameter	Supported Players
Default	autohide=2	AS3, AS2, HTML5
Enable	autohide=1	AS3, AS2, HTML5
Disable	autohide=0	AS3, AS2, HTML5
Only Progress Bar	autohide=2	AS3, AS2, HTML5

Autoplay Video

Type	Parameter	Supported Players
Default	autoplay=0	AS3, AS2, HTML5
Enable	autoplay=1	AS3, AS2, HTML5
Disable	autoplay=0	AS3, AS2, HTML5

Closed Captions

Type	Parameter	Supported Players
Default	Based on user preference	AS3, AS2
Enable	cc_load_policy=1	AS3, AS2
Disable	cc_load_policy=0	AS3, AS2

Color Of Highlighted Progress Bar

Type	Parameter	Supported Players
Default	color=red	AS3, HTML5
Red	color=red	AS3, HTML5
White	color=white	AS3, HTML5

Video Player Controls

Type	Parameter	Supported Players
Default	controls=1	AS3, HTML5
Enable	controls=1/controls=2	AS3, HTML5
Disable	controls=0	AS3, HTML5

Keyboard Controls

Type	Parameter	Supported Players
Default	disablekb=0	AS3, AS2
Enable	disablekb=0	AS3, AS2
Disable	disablekb=1	AS3, AS2

Javascript API

Type	Parameter	Supported Players
Default	enablejsapi=0	AS3, AS2, HTML5
Enable	enablejsapi=1	AS3, AS2, HTML5
Disable	enablejsapi=0	AS3, AS2, HTML5

Video Start And End Time

Type	Parameter	Supported Players
Start	start=(seconds from the start)	AS3, AS2, HTML5
End	end=(seconds from the start)	AS3

Fullscreen Button

Type	Parameter	Supported Players
Default	fs=1	AS3
Default	fs=0	AS2
Enable	fs=1	AS3, AS2
Disable	fs=0	AS3, AS2

Video Annotations

Type	Parameter	Supported Players
Default	iv_load_policy=1	AS3, AS2, HTML5
Enable	iv_load_policy=1	AS3, AS2, HTML5
Disable	iv_load_policy=3	AS3, AS2, HTML5

Displaying User, Search Or Playlist

Type	Parameter	Supported Players
Playlist	listType=playlist&list=(Playist ID)	AS3
User	listType=user_uploads&list=(Username)	AS3
Search	listType=search&list=(Search Term)	AS3

Auto Repeat/Loop

Type	Parameter	Supported Players
Default	loop=0	AS3, HTML5
Enable	loop=1	AS3, HTML5
Disable	loop=0	AS3, HTML5

YouTube Logo

Type	Parameter	Supported Players
Default	modestbranding=0	AS3, HTML5
Enable	modestbranding=0	AS3, HTML5
Disable	modestbranding=1	AS3, HTML5

Related Videos At End

Type	Parameter	Supported Players
Default	rel=1	AS3, AS2, HTML5
Enable	rel=1	AS3, AS2, HTML5
Disable	rel=0	AS3, AS2, HTML5

Video Details

Type	Parameter	Supported Players
Default	showinfo=1	AS3, AS2, HTML5
Enable	showinfo=1	AS3, AS2, HTML5
Disable	showinfo=0	AS3, AS2, HTML5

Video Player Theme

Type	Parameter	Supported Players
Default	theme=dark	AS3, AS2, HTML5
Dark	theme=dark	AS3, AS2, HTML5
Light	theme=light	AS3, AS2, HTML5

Watch Flagged YouTube Videos Without Logging In

Youtube is so high on removing adult videos from their site and also youtube ask users to verify their age for watching flagged video which really makes me sick. My Google account is banned from Youtube and because of it i can't watch any flagged youtube video without logging out of my Google account. Last year while searching for funny memes i found a meme with a trick to watch flagged youtube video.

Unfortunately, I lost that meme image but i still got that trick on my mind which i'am going to share with you all guys. Make sure you're using a pc with flash player.

Here is a link of a flagged video by Smosh : http://www.youtube.com/watch?v=g2sZSm9JcdY

You can't watch above video without signing in now remove watch? and = from above link and make it look like this : http://www.youtube.com/v/g2sZSm9JcdY

Wow that's easy..... here is a basic structure of this link http://www.youtube.com/v/videocode

Hope this will help you.....