How to Customize YouTube Embed Player

By | November 24, 2015

How to Customize YouTube Embed Player

The post explains how to customize a YouTube embed player by using YouTube defined parameters. Nowadays most of the web developers using embed <iframe> tag for displaying videos, this improves your web project playback experience. You can stop displaying related videos using the rel parameter or removing the YouTube logo on player by using modestbranding parameter, hope this will enrich your web project experience.

How to Customize YouTube Embed Player

You can automatically play video using this.
0 -> default value
1 ->automatically plays the video

Using this parameter you can stop showing the related videos, when the initial video ends.
0 and (default)

Show video information like the tile and uploader information.
1->Before the video starts displaying,it displays information like the video title and uploader
0->will not display any info until the video is started

0->Flash player loads immediately and controls are not displayed
1->Flash player and the controls display immediately(default)
2->Controls are displayed and flash player loads once the user initiates the video.

1->prevents the YouTube logo on the player in the control bar

red(default) & white—can change the color of the progress bar either to red or white
Note: Setting the color parameter to white will disable the modestbranding option.


1->the turned off captions are shown by default
0->default value depends on user preference


1-> allows the player to respond on keyboard controls
0->player will not respond to keyboard controls(default)

1->video annotations are shown by default(default)
3->video annotations are restricted

Specify the time in seconds, when to stop playing the video from the start of the video(always from the start of the video)

fs – full screen
0->will not show the fullscreen button on the player
1->will show the fullscreen button(default)

1->causes a video to play repeatedly
0 (default)

Specify the time in seconds, when to start playing the video from the start of the video(always from the start of the video)

Recommended Parameters
You can use multiple parameters in following way.


Thanks For Reading This Tutorial. Please Comment Below .




About Mukesh Singh

I am Web Debeloper. I work on PHP & MySql, Angularjs, Javascript, Ajax, jQuery, Firebase, Wordpress, CodeIgniter, Magento. I write tutorials on these topic to make this information freely Available.