Мне было интересно, встраивает ли youtube видео через iframe выставляют определенные события, например onStart или onStop, где вы можете указать какой-то обратный вызов?Youtube встроенное видео начало/остановка события
Это пример для обработки запуска и остановки события:
HTML-файл (index.html):
<!DOCTYPE html>
<html>
<head>
<title>Stackoverflow</title>
<script type="text/javascript" src="http://www.youtube.com/player_api"> </script>
<script type="text/javascript" src="sof.js"> </script>
</head>
<body>
<div id="player"></div>
</body>
</html>
И на JavaScript (sof.js):
var player;
// This function creates an <iframe> (and YouTube player)
// after the API code downloads.
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: 'u1zgFlCw8Aw',
events: {
'onStateChange': function (event) {
switch (event.data) {
case -1:
console.log ('unstarted');
break;
case 0:
console.log ('ended');
break;
case 1:
console.log ('playing');
break;
case 2:
console.log ('paused');
break;
case 3:
console.log ('buffering');
break;
case 5:
console.log ('video cued');
break;
}
}
}
});
}
Для в каждом случае вы можете установить обработчик.
Для получения дополнительной информации:
Единственные используемые события являются:
1 - onStateChange
2 - onPlaybackQualityChange
3 - onError
4 - onApiChange
-Event Обработчики:
1- onYouTubePlayerReady (playerid)
Отличный, это то, что мне нужно –
Вы - awsome Wik. +1 к этой записи. –
Я написал сообщение в блоге, в котором описывается аналогичный пример YouTube, но он принимает немного другую стратегию: http://www.objectpartners.com/2013/08/21/triggering-a-youtube-video-from-clicking-a- кнопка-изображения и-замена, когда-состав / –