Elearning Video courses tracking finish playing

Question

I'm creating a elearning for selling video courses. Using Wordpress and Woocommerce with Sesei plugin. The videos are on Youtube and it intact to the site with iframe. The users get the course divided into video lessons. I need that every time a user ends up seeing a video lesson reached me an email. How can I do? I can use some javascript with bees youtube? I also need that we can not see the next lesson without having seen the previous lesson? Can I change something in the Sensei jquery plugins?

Thanks

Answer 1

Here is the API that you can use for call the iframe api in JS.

https://developers.google.com/youtube/iframe_api_reference#Events

You can use onStateChange for track video has been ended. Your code will look this

function onYouTubeIframeAPIReady() {
  var player;
  player = new YT.Player('player', {
    videoId: 'M7lc1UVf-VE',
    playerVars: { 'autoplay': 1, 'controls': 0 },
    events: {
      'onReady': onPlayerReady,
      'onPlaybackQualityChange': onPlayerPlaybackQualityChange,
      'onStateChange': onPlayerStateChange,
      'onError': onPlayerError
    }
  });
}

In this code onPlayerStateChange is a function. You can do whatever you want to do once video has been ended.

Answer 2

You need something like this:

function onPlayerStateChange(event) {
    // Go to the next video after the current one is finished playing
    if (event.data === 0) {
        $.fancybox.next();
    }

Check: http://jsfiddle.net/M78zz/