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

Posted 2023-05-09

【中文标题】带有 AJAX 和自动播放/排队的 Youtube iframe API

【英文标题】：Youtube iframe API with AJAX and autoplay/queuing

【发布时间】：2012-05-16 10:08:28

【问题描述】：

我正在使用 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 很常见。

【参考方案1】：

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