Question

我正在制作一个“视频循环器”，这将允许我们在一个网站上拥有多个视频;但只有其中一个很大。计划是在视频播放完毕后让它们“自动循环”。我打算使用onStateChange功能来确定何时应该循环它们。对于我似乎无法使api工作的事实，所有人都期待得很好。

（使用不同的视频ID，因为真实视频尚未公开）

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

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

Answer 2

我认为iframe没有任何问题！由于真实视频不公开，因此错误404就是您所期望的！

YouTube iframe api（现有iframe）;无法让iframe-api工作

2 个答案: