Customize YouTube Player Embed Tutorial With Demo

How to customize a youtube embed player by using youtube define parameters. most of the web developer using embed iframe tag for desplaying video and improve your web projects playback experience

Autoplay
0 - Default Value
1 - Automatically Video Play (facebook type)

<iframe src="https://www.youtube.com/embed/BbhKivlSsz8 autoplay=1" frameborder="0" allowfullscreen width="570" height="315"></iframe>



Controls
0-Flash Player loads immeditely and controls are not display
1-Controls are display and flash player loads once the user initiates the video

<iframe src="https://www.youtube.com/embed/BbhKivlSsz8?controls=0" frameborder="0" allowfullscreen width="570" height="315"></iframe>



Color
Red color is default & white can change color of progress bar either to red or white

<iframe src="https://www.youtube.com/embed/BbhKivlSsz8?color=white" frameborder="0" allowfullscreen width="570" height="315"></iframe>

full screen - fs
0-will not show the fullscreen button on the youtube player
1-will show the fullscreen button to default value set

<iframe src="https://www.youtube.com/embed/BbhKivlSsz8?fs=0" frameborder="0" allowfullscreen width="570" height="315"></iframe>



Start
specify the time in seconds when to start playing the video frome start of the video

<iframe src="https://www.youtube.com/embed/BbhKivlSsz8?start=10" frameborder="0" allowfullscreen width="570" height="315"></iframe>

End
Specify the time in seconds when to endplaying the video frome start of the vdeo


<iframe src="https://www.youtube.com/embed/BbhKivlSsz8?end=10" frameborder="0" allowfullscreen width="570" height="315"></iframe>