带有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 。