YouTube onPlayerReady 永远不会被触发

本文介绍了YouTube onPlayerReady 永远不会被触发的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

知道为什么这个脚本不起作用吗?我想要的只是跟踪 onStateChanged 事件，但也从未调用过.

Any idea why this script doesn't work? All I want is to track onStateChanged event, but that is never called either.

当我用下面的代码打开 html 文档时，我没有错误，youtube 脚本加载得很好，播放器对象不是 undefined，看起来也不错.

When I open the html document with below code, I have no errors, the youtube script loads just fine, the player object is not undefined, looks fine too.

$(document).ready(function(){
    loadScript();
});

    function loadScript() {
        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
          }
      });
      alert(player);
    }

    var done = false;
    function onPlayerStateChange(event) {
          alert('state changed');
        if (event.data == YT.PlayerState.PLAYING && !done) {
          setTimeout(stopVideo, 3000);
          done = true;
        }
    }
    function stopVideo() {
        player.stopVideo();
    }
    function onPlayerReady(event) {
        event.target.playVideo();
    }

我的iframe:

<iframe id="player width="400" height="300" src="https://www.youtube.com/embed/j0pJekWgeFE" frameborder="0" allowfullscreen></iframe>

见小提琴:https://jsfiddle.net/rg2uy1f8/

onPlayerReady

YouTube onPlayerReady 永远不会被触发

问题描述

推荐答案