javascript - Customise YouTube controls, title and the whole iFrame - Stack Overflow

admin管理员组

文章数量:1322184

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

Share Improve this question Follow asked Jul 12, 2016 at 14:57 BeppeBeppe 20722 gold badges66 silver badges1515 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

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!

本文标签： javascriptCustomise YouTube controlstitle and the whole iFrameStack Overflow