YouTube API - 动态更改参数/ playerVars

时间:2018-03-23 20:40:13

标签: javascript html youtube-api youtube-javascript-api

在我目前的项目中,我有一个YT播放器作为其中的一部分,可以选择将参数更改为各种选项。

因此,如果用户想要切换自动播放,他们可以等等。

但我不确定如何再次调用参数。

代码是:

var player;

function onYouTubeIframeAPIReady()
    {
    player = new YT.Player('youtube',
        {
        height: '390',
        width: '640',
        videoId: 'M7lc1UVf-VE',
        playerVars:
            {
            autoplay: 0, // start automatically
            controls: 0, // don't show the controls (we can't click them anyways)
            modestbranding: 1, // show smaller logo
            loop: 1 // loop when complete
            },
        events:
            {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
            }
        });
    }

我尝试过调用player.playerVars.autoplay和player.autoplay,但第一个没有被识别,第二个没有工作。

感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

您可以添加变量以更改自动播放状态。

/* body html */
     <select id="autoPlayOptions">
      <option value="1">autoplay</option>
      <option value="0">manually</option> 
    </select>
/* body html */
    <script>
/* more code */
    var player;
      var autoPlayAction = $("#autoPlayOptions").val();
      player = new YT.Player('player', {
        videoId: 'M7lc1UVf-VE',
        playerVars: { 'autoplay': autoPlayAction, 'controls': 0 },
        events: {
          'onReady': onPlayerReady, 
          'onStateChange': onPlayerStateChange,
        }
      });

/* more code */
    </script>
希望它有所帮助!