Question

我通过WordPress整合了一些视频作为iframe。

我正在寻找的是在视频播放完毕后立即将用户重定向到主页。当现有的YouTube视频停止时，Javascript中是否有任何事件可以捕获？

提前致谢。

Answer 1

var tag = document.createElement('script');

tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);


var player;
function onYouTubeIframeAPIReady() {
    // first video
    player = new YT.Player('player', {
        events: {
            'onReady': function(){ alert("Ready!"); },
            'onStateChange': onPlayerStateChange
        }
    });
}

function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.ENDED) {
        console.log('player stopped');
    }
}

如果您的iframe如下所示，上面的代码将有效

<iframe id="player" width="640" height="360" src="https://www.youtube.com/embed/ZdP0KM49IVk?enablejsapi=1" frameborder="0" allowfullscreen />

id=player和?enablejsapi=1

当youtube视频结束时要捕获的Javascript事件

1 个答案: