FreedomShare
New Member

How to use the Plyr Video Player in my course on canvas?

I am an instructor using an FFT account and I am looking to incorporate the Plyr custom video player into my course on Canvas. I am using an FFT account and have attempted to use the provided code shown below, however, upon saving it in the HTML editor in canvas, the code is not displayed and has been altered. Can you please advise on the potential cause of this issue and potential solutions?

Thank you.

This is the code I intend to use:

<link rel="stylesheet" href="https://cdn.plyr.io/3.6.3/demo.css"/>
<script src="https://cdn.plyr.io/3.7.3/demo.js"></script>
<div class="container" style="position: fixed; top: 0; right: 0; bottom: 0; left: 0;">
    <div id="player" data-plyr-provider="youtube" data-plyr-embed-id="HHBsvKnCkwI" style="width: 100%; height: 100%; margin: 0% 5% 0% 5%;"></div>
</div>

Labels (1)
0 Kudos
1 Reply
Chris_Hofer
Community Coach
Community Coach

Hello @FreedomShare ...

The Rich Content Editor (RCE) in Canvas does not accept all HTML tags.  Canvas has a document that describes the tags that are allowed:

Canvas HTML Editor Allowlist - Instructure Community (canvaslms.com)

So, it makes sense that some of your code was altered after you saved your page because some of your HTML tags weren't allowed on the page.

Hope this helps a bit.

0 Kudos