javascript - YouTube iframe api(现有的 iframe)；无法让 iframe-api 工作

Question

我正在制作一个“视频循环器”，它可以让我们在一个网站上拥有多个视频；但只有其中一个大。计划是让他们在视频播放完毕后“自动循环”。我打算使用 onStateChange 功能来确定何时应该循环它们。一切顺利，但我似乎无法让 API 正常工作。

(使用不同的videoID，因为真正的视频还没有公开)

HTML:

<iframe id="video0" width="640" height="385" src="https://www.youtube.com/embed/dREeDjQ0jIg?rel=0&enablejsapi=1&origin=*" frameborder="0" allowfullscreen></iframe>

JavaScript:

var player;
function onYouTubeIframeAPIReady() {
    video = document.getElementById('video0');
    player = new YT.Player(video, {
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
            }
        })
    }
function onPlayerReady(e) {
    console.log("hey Im ready");
    }
function onPlayerStateChange(e) {
    console.log(e)
    }

日志: 加载资源失败:服务器响应状态为 404(未找到)

Answer 1

事实证明，我的问题是视频未公开和没有我的服务器

&origin=SERVER_URL/IP

我列出了文件的完整路径(这是一个本地服务器，所以我做了一些端口转发)。