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 可以通过使用简单的 CSSdisplay:none或调用来隐藏$('#yourDivID').hide();

因此，要在视频结束后再次显示您的 div，请尝试以下方式：

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