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!
