I was wondering, does embedding a youtube video via iframe expose certain events, like onStart or onStop, where you can specify some callback?
This an example to handle start and stop events:
HTML file (index.html):
Stackoverflow
And the JavaScript (sof.js):
var player; // This function creates an (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; } } } }); }
For each case you can set an handler.
For further info: