Javascript 合并2个YouTube API？

我想显示YouTube频道的最后一个视频，并使用数据API在播放视频时能够更改背景

但是我还不太了解这些API，我成功地从一个频道（iframeapi）中获取了最后一个YouTube视频，并将数据API用作背景，但不是一起使用

如何组合它们

频道代码中的最后一个视频：

---

您也可以在现有的iframe上使用youtube API，这意味着您可以像您的问题一样显示iframe，并在其上添加API功能

与此代码类似：

var tag=document.createElement（'script'）；
tag.src=“//www.youtube.com/iframe_api”；
var firstScriptTag=document.getElementsByTagName（'script'）[0]；
firstScriptTag.parentNode.insertBefore（标记，firstScriptTag）；
var播放器；
window.onYouTubeIframeAPIReady=函数（）{
player=新的YT.player（'player'{
活动：{
“onReady”：onPlayerReady，
“onStateChange”：onPlayerStateChange
}
});
}
函数onPlayerReady（事件）{
event.target.playVideo（）；
}
函数onPlayerStateChange（事件）{
开关（事件数据）{
案例1：
$（'body'）.addClass（'play'）；
打破
案例2：
$（'body'）.removeClass（'play'）；
}
}

body{
保证金：0；
过渡：背景色0.2s；
}
.容器{
宽度：100%；
最大宽度：1200px；
保证金：0自动；
背景色：#eee；
填充：10雷姆3雷姆；
过渡：背景色0.2s；
文本对齐：居中；
}
body.play、.play.container{
背景色：#000；
}
iframe{
保证金：0自动；
}

在行动中看到它：