當Youtube視頻播放結束時滑動到div

Question

當yoututbe視頻播放在網頁中結束時，是否有任何方法可以下滑到div？

Answer 1

您可以通過訂閱上你是在有趣的活動與YouTube API取得這樣做

例如，在這樣的方式：

<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: '0Bmhjf0rKe8', 
     events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
     } 
    }); 
} 

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

// when video ends 
function onPlayerStateChange(event) {   
    if(event.data === 0) {    
     $('html, body').animate({ 
      scrollTop: $("#elementtoScrollToID").offset().top 
     }, 2000); 
    } 
} 

</script> 

<div id='elementtoScrollToID' class='my_div'> Hello! </div> 

http://jsfiddle.net/h9rp9/