How to Customize YouTube Embed Player

By | November 24, 2015

728x90-popads_1

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

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

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

showinfo
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

controls
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.

modestbranding
1->prevents the YouTube logo on the player in the control bar
0->(default)

color
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.

 

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

 

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

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

end
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)

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

start
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 .

Source: 9lessons.info

 

728x90-popads_1