Lynda.com LTI = SSO

sonya_corcoran1
Community Contributor
‎03-06-2017 09:06 PM

The Problem: How can we embed Lynda.com playlists into Canvas? The Lynda.com LTI share link provided allows Single Sign On (SSO) only. This is nice for students/staff but it won't embed videos directly into Canvas.

The Solution: Scrape Lynda.com and embed each video into a Canvas page via an iframe.

How: On the playlist edit page, copy and paste the following into the console.

// Selected all video objects in the playlist DOM
var videos = document.querySelectorAll('.draggable');

var videoIds = [];
// Loops each video object and grabs the videoId and adds it to a video array
$.each(videos, function (i, val) {
 var videoId = (val.dataset.itemId);
 videoIds.push(videoId); 
})

// Loops the video array and appends the videoId into an iframe
$.each(videoIds, function(i, id) {
 console.log(`<p><iframe src="https://www.lynda.com/player/embed/${id}" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen"></iframe></p>`)
})

Copy and paste the iframe output into the Rich Text Editor.

Help:

If anyone has less hacky ideas/feedback, please let me know. This is just a tiny work around for the meantime. We're planning a robust Lynda.com which not only embeds the playlists but will pull data from Lynda to create bespoke progression dashboards etc.

Stay tuned!