電子學習視頻課程跟蹤完成播放

我正在爲銷售視頻課程創建一個電子學習。使用Wordpress和Woocommerce與Sesei插件。這些視頻在Youtube上，並且它與iframe的網站完好無損。用戶將課程分成視頻課程。每當用戶看到視頻課程向我發送電子郵件時，我都需要這一點。我能怎麼做？我可以使用一些JavaScript與蜜蜂YouTube？我還需要我們看不到以前的課程才能看到下一課？我可以更改Sensei jquery插件中的內容嗎？電子學習視頻課程跟蹤完成播放

感謝

來源

2016-12-29 Serena Pagliosa

堆棧溢出是爲特定的編程相關的問題，而不是工具或軟件的建議請求。請看[如何提問]（https://stackoverflow.com/help/how-to-ask） –

這裏是您可以使用呼叫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是一個函數。一旦視頻結束，您可以做任何您想做的事情。

來源

2016-12-29 15:13:06 Adrian

你需要的東西是這樣的：

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/

來源

2016-12-29 15:15:23 Bitito

電子學習視頻課程跟蹤完成播放

回答

相關問題