javascript - vimeo 视频完成后如何制作 div 节目？

Question

我真的是 JS 的新手，无法理解 Vimeo 上的这些事件监听器。基本上我需要一个 div，在视频下方，在视频播放时隐藏，并在视频结束时出现。请帮忙，因为我不知道从哪里开始。我什么都试过了。

这是我目前所拥有的，但没有运气:

<div style="margin-left:2%;" >  
        <iframe id="flash" src="http://player.vimeo.com/video/50234176?api=1&amp&portrait=0&byline=0&autoplay=1&title=0;player_id=player_1" width="760" height="460" frameborder="0"></iframe>
</div>
<div id="hello" >hello</div>
<script>
$('#hello').hide();

var iframe = $('#player1')[0],
    player = $f(iframe),

player.addEvent('ready', function() {
  player.addEvent('finish', function(){
    $('#hello').show();
  });
});
</script>

Answer 1

最初，您的 div 可以使用简单的 CSS 隐藏 display:none , 或调用 $('#yourDivID').hide();

因此，要在视频播放完毕后再次显示您的 div，请尝试以下方式:

player.addEvent('ready', function() {
  player.addEvent('finish', function(){
    $('#yourDivID').show();
  });
});