javascript - onYouTubeIframeAPIReady() 不在 window.load 之后

Question

如何通过用户操作而不是在窗口加载后立即触发 Youtube Player IFrame？

https://developers.google.com/youtube/iframe_api_reference

我想要这样，因为当 IFrame 为 display:none

时，android 似乎有问题

Answer 1

删除 onYouTubeIframeAPIReady() 函数，并将其替换为:

  function createPlayer(){
    player = new YT.Player('player', {
      height: '390',
      width: '640',
      videoId: 'M7lc1UVf-VE',
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });   
  }

然后制作一个调用该函数的按钮或类似物:

<button onclick="createPlayer()">Start</button>

这是一个有效的 JSFiddle:http://jsfiddle.net/yvufB/