Действие, когда YouTube видео закончено!

Question

У меня есть база данных с идентификаторами YouTube. Теперь я хочу воспроизвести первое видео, а когда оно закончится, я хочу перейти на http://www.foo.com/index.php?play=1. Так что будет воспроизводиться следующее видео на YouTube. После того, как это видео будет сделано, оно перейдет по http://www.foo.com/index.php?play=2.... Я пытался что-то со временем, чтобы обновить страницу после х (х - продолжительность видео) секунд. Но когда пользователь нажмет кнопку паузы, он обновится до раннего.

Кто-нибудь может мне помочь?

Answer 1

Ну, вы можете использовать YouTube JavaScript API Player. Этот проигрыватель будет запускать такие события, как завершение воспроизведения, воспроизведение приостановлено и просмотр видео. Вы можете подключить функцию внутри завершенного события воспроизведения. Посмотрите на Справочник по API проигрывателя YouTube YouTube и прокрутите вниз до раздела событий.

Answer 2

РЕШЕНИЕ (работает на моем сайте WordPress): загрузите и установите это на свой сайт - http://www.tikku.com/jquery-youtube-tubeplayer-plugin

затем вставьте этот код на свою страницу
но изменить
1) yoursite.com к твоему
2) оповещение ("Привет"); к вашей желаемой функции;
3) DkoeNLuMbcI к вашему видео идентификатору;

<div id="youtube-player-container" style="float:right"> </div>
<script type="text/javascript" src="http://yoursite.com/folder/jQuery.tubeplayer.min.js"></script>
<script type="text/javascript">
jQuery("#youtube-player-container").tubeplayer({
    width: 422, // the width of the player
    height: 285, // the height of the player
    allowFullScreen: "true", // true by default, allow user to go full screen
    initialVideo: "DkoeNLuMbcI?autoplay=1", // the video that is loaded into the player
    preferredQuality: "default",// preferred quality: default, small, medium, large, hd720
    onPlay: function(id){}, // after the play method is called
    onPause: function(){}, // after the pause method is called
    onStop: function(){}, // after the player is stopped
    onSeek: function(time){}, // after the video has been seeked to a defined point
    onMute: function(){}, // after the player is muted
    onPlayerEnded: function(){ alert("Hello"); },
    onUnMute: function(){} // after the player is unmuted
});
</script>