当Youtube视频结束时隐藏iframe

Question

谢谢大家提前。 我需要一些帮助隐藏iframe的YouTube视频时，可以有人指导我如何做到这一点？

<iframe id="promo_video" src="http://www.youtube.com/embed/XzZudNOwkU8" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="display:none;position:absolute;top:228px;left:492px;" height="527" width="934" frameborder="0"></iframe> 

我需要这样的东西，但我无法找到如何使它

<script > 
function myFunction() 
{ 
    if (promo_video.end=positive) 
    reload anotherother page 


    } 


</script> 

Answer 1

希望这个解决方案会为你工作。解决方案中唯一的变化是，您只需要来自iframe的视频ID。请参考下面提到的小提琴链接。

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

    // create youtube player 
    var player; 
    function onYouTubePlayerAPIReady() { 
     player = new YT.Player('player', { 
      height: '390', 
      width: '640', 
      videoId: 'XzZudNOwkU8', <!-- video id should be here. last component from video URL --> 
      events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
      } 
     }); 
    } 

    // autoplay video 
    function onPlayerReady(event) { 
     event.target.playVideo(); 
    } 

    // when video ends 
    function onPlayerStateChange(event) {   
     if(event.data === 0) {    
      $('#player').css('display', 'none'); 
     } 
    } 

</script> 

Fiddle link