电子学习视频课程跟踪完成播放答案

【问题标题】：Elearning Video courses tracking finish playing电子学习视频课程跟踪完成播放
【发布时间】：2017-05-13 22:18:28
【问题描述】：

我正在创建一个用于销售视频课程的电子学习课程。将 Wordpress 和 Woocommerce 与 Sesei 插件一起使用。这些视频在 Youtube 上，并且通过 iframe 完整地保存在网站上。用户将课程分为视频课程。我需要每次用户最终看到视频课程时都会给我发一封电子邮件。我能怎么做？我可以在bees youtube上使用一些javascript吗？我还需要没有看过上一课就看不到下一课？我可以更改 Sensei jquery 插件中的某些内容吗？

谢谢

【问题讨论】：

Stack Overflow 是针对特定编程相关问题的，而不是针对工具或软件推荐的请求。请看How To Ask

标签： wordpress jquery-plugins woocommerce youtube-api youtube-iframe-api

【解决方案1】：

这里是你可以用来在 JS 中调用 iframe api 的 API。

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

您可以使用 onStateChange 跟踪视频已结束。您的代码将如下所示

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
    }
  });
}

在此代码中，onPlayerStateChange 是一个函数。视频结束后，您可以做任何您想做的事情。

【讨论】：

【解决方案2】：

你需要这样的东西：

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

检查：http://jsfiddle.net/M78zz/

【讨论】：