Question

我正在创建销售视频课程的电子学习。使用WordPress和Woocommerce与Sesei插件。视频在Youtube上，并且使用iframe完整地保存到网站。用户将课程分为视频课程。我需要每次用户最终看到视频课时都会收到一封电子邮件。我能怎么做？我可以使用蜜蜂youtube的一些JavaScript？我还需要在没有看过上一课的情况下看到下一课吗？我可以在Sensei jquery插件中更改一些内容吗？

由于

Answer 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 是一个函数。视频结束后，您可以执行任何操作。

Answer 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/

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

2 个答案: