YouTube的iframe中API(现有的iframe); 无法获取iframe的API工作(

2019-10-19 08:12发布

我想提出一个“视频循环仪”,这将使我们有一个网站的多个视频; 但只有其中的一个大。 该计划是在视频播放完毕,让他们“自动循环”。 我将使用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 (existing iframe); Cannot get iframe-api to work