带有 AJAX 和自动播放/排队的 Youtube iframe API

Question

我正在使用 Youtube iframe API，我正在尝试实现自动播放和排队、轮询以及开始/停止工作。

我刚开始使用自动播放功能。我已经查看了开发人员文档，所以请不要发布另一个链接。

我包含 API：

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

但因为这是一个 AJAX 请求，并且页面加载时保存播放器的 DIV 不在 DOM 中，所以我不调用 function onYouTubePlayerAPIReady()

相反，当要加载播放器时（总是在加载 DOM 之后很长时间），我调用

var videoID = video.split('=').pop();

var player = new YT.Player('video_holder', {
             width:  "480", 
             height: "295", 
             videoId: videoID,
             events: {'onready': onPlayerReady}
             });
function onPlayerReady(event) {
    event.target.playVideo();
}

此代码加载视频，但视频不播放。我在控制台中遇到的唯一错误是 unsafe JavaScript attempt to access 错误，据我所知，这对于 iframe API 很常见。

Answer 1

事件名称区分大小写，因此请将onready 更改为onReady。