Я вставляю YouTube iframe в готовый документ и привязываю его к клику:
jQuery(document).ready(function($) {
jQuery('.video-thumb').click(function(){
...
$('#player').html('<iframe width="761" height="421" src="http://www.youtube.com/embed/' + $(this).attr('videoid') + '?rel=0&wmode=transparent" frameborder="0" allowfullscreen></iframe>');
...
}
}
И я хочу сделать обратный вызов, когда видео заканчивается. Я читал о onYouTubePlayerAPIReady, но он должен быть установлен за пределами документа.
Я попытался загрузить видеопроигрыватель по этой конструкции за пределами документа:
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '421',
width: '761',
videoId: '',
playerVars: { autoplay: 1, autohide: 1, showinfo: 0 },
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
но у меня есть некоторые проблемы:
- showinfo: 0 не работает, в конце все еще есть другие миниатюры для видео.
- Я не знаю, как изменить идентификатор видео (и повторно создать видео?)
- больше script ошибок, чем первый метод (ввод в iframe)
Я предпочитаю использовать первый метод, но как создать обратный вызов конца видео? Спасибо.