I'm trying to customise controls, title bar and other things from a YouTube video that I'm creating. But I cannot find the right parameters that might do so. The ones I'm using are not working basically.

Any thoughts on this?

    var player;

    function onYouTubeIframeAPIReady() {
      player = new YT.Player('player', {
        height: '390',
        width: '640',
        controls: 0,
        videoId: 'Sz0UtcKnwb4',
        autoplay: 0,
        frameborder: 0,
        modestbranding: 1,
        rel: 0,
        showinfo: 0,
        events: {
          'onReady': initialize
        }
      });
    }

function initialize() {
//some action
}

I'm trying to customise controls, title bar and other things from a YouTube video that I'm creating. But I cannot find the right parameters that might do so. The ones I'm using are not working basically.

Any thoughts on this?

    var player;

    function onYouTubeIframeAPIReady() {
      player = new YT.Player('player', {
        height: '390',
        width: '640',
        controls: 0,
        videoId: 'Sz0UtcKnwb4',
        autoplay: 0,
        frameborder: 0,
        modestbranding: 1,
        rel: 0,
        showinfo: 0,
        events: {
          'onReady': initialize
        }
      });
    }

function initialize() {
//some action
}

• javascript
• jquery
• youtube
• youtube-api

1 Answer 1

You can find in this documentation the list of supported parameters in any YouTube embedded player. Example is the theme parameter that indicates whether the embedded player will display player controls (like a play button or volume control) within a dark or light control bar.

Another example is the controls parameter that indicates whether the video player controls are displayed. For IFrame embeds that load a Flash player, it also defines when the controls display in the player as well as when the player will load.

Supported values are:

• controls=0 – Player controls do not display in the player. For IFrame embeds, the Flash player loads immediately.
• controls=1 (default) – Player controls display in the player. For IFrame embeds, the controls display immediately and the Flash player also loads immediately.
• controls=2 – Player controls display in the player. For IFrame embeds, the controls display and the Flash player loads after the user initiates the video playback.

You can also check on these tutorials:

• YouTube Player Demo
• Making a Custom YouTube Video Player With YouTube's APIs
• How to Customize YouTube Embeddable Player Features

Hope this helps!