The Spotlightr platform is now supported by LearnDash and their "Video Progression" feature.

Our embed code needs one small change before working with the Video Progression.

Normally our embed code looks like this:

<div style="position:relative; width:1px; min-width:100%; padding-bottom:56.25%"><iframe allow="autoplay" class="spotlightr" allowtransparency="true" style="width:1px; min-width:100%; height: 100%; position:absolute" allowfullscreen="true" src="https://billzimm.cdn.spotlightr.com/watch/MTE4MDczMw==?fallback=true" frameborder="0" scrolling="no" name="videoPlayerframe"> </iframe></div>

Where it says: class="spotlightr"

Change that to: class="vooplayer"

So your new embed code will be:

<div style="position:relative; width:1px; min-width:100%; padding-bottom:56.25%"><iframe allow="autoplay" class="vooplayer" allowtransparency="true" style="width:1px; min-width:100%; height: 100%; position:absolute" allowfullscreen="true" src="https://billzimm.cdn.spotlightr.com/watch/MTE4MDczMw==?fallback=true" frameborder="0" scrolling="no" name="videoPlayerframe"> </iframe></div>

This is happening because LearnDash has not updated their platform to account for our new embed code yet. We are working with them on updating it in the very near future. Using this code will not affect your video performance so it's perfectly fine.

Then to add your video to a Lesson using the Video Progression feature, simply go to the "Settings" tab and paste our embed coded to the Video URL field here:

Keep in mind that this is only the case for the LearnDash "Progressive Video" feature. Our regular embed code should work as is without changes in any other part of Wordpress using the Gutenberg blocks. For more info on Spotlightr and Wordpress please check this article.

Did this answer your question?