已经嵌入的 iframe 无法与 youtube api 一起使用

Question

我的 iframe html

<iframe id="player" frameborder="0" width="660" height="371" allowfullscreen="" src="https://www.youtube.com/embed/CMm6tDavSXg?feature=oembed">

我的 youtube js

  var tag = document.createElement('script');

  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;
function onYouTubeIframeAPIReady() {
  player = new YT.Player('player', {
    events: {
 'onReady': onPlayerReady,
      'onStateChange': onPlayerStateChange
    }
  });
}
function onPlayerReady(event) {
        event.target.playVideo();
      }

但它仍然没有开始播放或其他任何东西......这里的问题出在哪里？谢谢

Answer 1

• onPlayerReady 不会触发本地主机上的就绪检查。
• 此外，在链接 youtube.js 文件时，它必须位于 iframe 之后。
• 添加 ?enablejsapi=1
• 有时 player_api 和 iframe_api 中的双重链接也会有所帮助
• //
• 展示位置是关键。

编辑：问题在于您还需要在视频中添加 ?enablejsapi=1 嵌入链接。

//www.youtube.com/embed/F4efZDqXZKA?enablejsapi=1

小提琴：http://jsfiddle.net/y89je0k8/

这会解决你的问题。