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

Question

My 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不会在localhost上激发就绪检查
• 此外，当链接youtube.js文件时，它必须位于iframe之后
• 添加？enablejsapi=1
• 有时player_api和iframeapi中的双重链接也会有所帮助
• //<在www.而非https之前：//
• 位置是关键

编辑：问题在于你还需要添加？enablejsapi=1到视频嵌入链接。

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

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

这将解决你的问题。