Javascript vimeo视频结束时关闭div

我需要一个网站有一个介绍视频（一个网站/背景内容的全宽div）。所以我用一个iframe视频（VIMEO）和一个跳过介绍的按钮制作了一个Div（它通过js点击关闭Div）

但我仍然需要它在视频结束后自动关闭div。当vimeo视频结束时，是否有方法触发此事件

我在youtube上找到了一种方法（使用api），但不幸的是，我需要它出现在vimeo中，因为它可能隐藏控件、徽标和所有内容

非常感谢您的关注

**--更新（它工作！）--感谢您的帮助！ 如果有人需要类似的解决方案，下面是代码：**

<div id="videointro">

<iframe src="https://player.vimeo.com/video/xxxxxxxxx?title=0&byline=0&portrait=0&transparent=0&autoplay=1&sidedock=0&controls=0" frameborder="0" title="Funny Cat Videos For Kids" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" data-ready="true"></iframe>

</div>

<button id="btn"></button>


<script src="https://player.vimeo.com/api/player.js"></script>
<script type="text/javascript" src="video.js"></script> 


-- JS --

btn.onclick = function () {
    document.getElementById("videointro").style.display='none';
};

// vimeo 

var iframe = document.querySelector('iframe');
var player = new Vimeo.Player(iframe);

player.on('play', function() {
  console.log('Played the video');
});

player.getVideoTitle().then(function(title) {
  console.log('title:', title);
});

player.on('ended', function() {
    console.log('the end');
    player.destroy();
});

--JS--
btn.onclick=函数（）{
document.getElementById（“videointro”）.style.display='none'；
};
//维梅奥
var iframe=document.querySelector（'iframe'）；
var player=新的Vimeo.player（iframe）；
player.on（'play'，function（）{
log（“播放视频”）；
});
player.getVideoTitle（）.then（函数（标题）{
console.log（'title:'，title）；
});
player.on（'end'，function（）{
console.log（“结束”）；
player.destroy（）；
});

如果有人需要类似的解决方案，那么代码如下：

<div id="videointro">

<iframe src="https://player.vimeo.com/video/xxxxxxxxx?title=0&byline=0&portrait=0&transparent=0&autoplay=1&sidedock=0&controls=0" frameborder="0" title="Funny Cat Videos For Kids" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" data-ready="true"></iframe>

</div>

<button id="btn"></button>


<script src="https://player.vimeo.com/api/player.js"></script>
<script type="text/javascript" src="video.js"></script> 


-- JS --

btn.onclick = function () {
    document.getElementById("videointro").style.display='none';
};

// vimeo 

var iframe = document.querySelector('iframe');
var player = new Vimeo.Player(iframe);

player.on('play', function() {
  console.log('Played the video');
});

player.getVideoTitle().then(function(title) {
  console.log('title:', title);
});

player.on('ended', function() {
    console.log('the end');
    player.destroy();
});

--JS--
btn.onclick=函数（）{
document.getElementById（“videointro”）.style.display='none'；
};
//维梅奥
var iframe=document.querySelector（'iframe'）；
var player=新的Vimeo.player（iframe）；
player.on（'play'，function（）{
log（“播放视频”）；
});
player.getVideoTitle（）.then（函数（标题）{
console.log（'title:'，title）；
});
player.on（'end'，function（）{
console.log（“结束”）；
player.destroy（）；
});

阅读提供的文档，它们将进一步帮助您：。谷歌这是一个神奇的东西。好吧，发布你的代码和你尝试过的东西，从那时起，当你陷入困境时，人们会进一步帮助你。发布跳过介绍的代码，你可能可以在

player.getend（）中重复使用相同的功能。然后（函数（end）{/'end'表示视频是否结束}）

@Jay它可能不起作用，因为您正在这样做：

btn.onclick=function（）…

但是您没有定义

btn

变量是什么。因为id是

intro

而不是

videointro