获取播放器不是一个函数(Twitch)

Question

我正在按照这里的指南将 Twitch 视频播放器嵌入到网页中。

我正在将完全相同的代码复制到HTML文件中并运行它，但它说"embed.getPlayer((不是一个函数"。最重要的是，视频播放器会自动播放，即使它不应该播放。

var embed = new Twitch.Embed("twitch-embed", {
width: 854,
height: 480,
channel: "monstercat",
layout: "video",
autoplay: false
});
var player = embed.getPlayer();
player.addEventListener(Twitch.Player.PLAY, function() {
changeAdvertisementBanner();
});
player.play();

Answer 1

对于交互式播放器，请查看此文档： https://dev.twitch.tv/docs/embed/video-and-clips/#interactive-frames-for-live-streams-and-vods

如果您使用这种方式创建视频播放器，那么我们可以像这样收听所有更改：

<script type="text/javascript">
var options = {
width: "255",
height: "350",
channel: "AnyChannelName!",
};
var player = new Twitch.Player("UniqueID", options); 
player.addEventListener(Twitch.Player.READY, function () {
alert("Player Is Ready");
});
player.addEventListener(Twitch.Player.PAUSE, function () {
alert("PAUSE");
});
player.addEventListener(Twitch.Player.PLAY, function () {
alert("PLAY");
});
</script>