Question

所以，让我们说我嵌入了一个YouTube视频，当它完成播放时，我希望它能够完成这个功能。我怎么能检测到视频播放完毕？

我假设视频的长度不一。所以我知道视频将在5分钟内完成，但我想将其概括为一致，以便在＆＃34; x＆＃34;分钟视频播放完成后调用此功能。

如果重要的话，这就是我拥有的所有HTML ....（原谅猫视频大声笑）

<html>
<head>
<title>Discovery</title>
</head>
<body>

<iframe width="560" height="315" src="http://www.youtube.com/embed/bDuLeXx2Gv0?autoplay=1" frameborder="0" allowfullscreen></iframe>


</body>
</html>

Answer 1

由于您正在使用Youtube，因此可以执行以下操作：

function onPlayerStateChange(event) {        
    if(event.data === 0) {          
        alert('done');
    }
}

附注：您需要在此脚本之前加入Youtube API才能使其正常工作。

<script src="http://www.youtube.com/player_api"></script>

工作代码笔 - http://codepen.io/rr1000/pen/vEyNLj

Answer 2

看看this。检查是否player.getPlayerState()==0，表示它已结束。

如何在播放YouTube视频时添加要执行的功能？

2 个答案: