[ARCHIVED] HTML5 - Embed Interactive Video

[mhenry]

Hello all,

I am trying to embed an HTML5 interactive video in Canvas... and having no luck!  Here is a link to the video on the host site:   Video Experiment | H5P

Here is the embed code:  (It is also attached, just in case the code is cleaned in the discussion.)

<iframe src="http://h5p.org/h5p/embed/2424" width="1090" height="674" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="http://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js"></script>

When it is posted, the page is blank where the embedded video should be. 

Any thoughts?

Michael

[awilliams · Accepted solution]

Copying my reply from the status update since it looks like the question was asked twice, once here, and once as a status update.

Michael Henry, what happened specifically when you tried? Aside from the insecure content issue covered in Which browsers does Canvas support? and How do I embed a lesson inside a Canvas course? this seems to work fine for me. I went to the link you posted, under the video player I clicked on "Embed" and copied the iframe code. I hopped into a Canvas page, swapped to HTML editor, pasted the iframe code, and then (after telling my browser to "load unsafe scripts") was able to view and interact with the video.

[kona]

Worked fine for me as well once I allowed the page to load unsafe scripts. I'm pretty sure the reason it doesn't load automatically is that it's a http instead of a https URL.

[mpoole]

Also, I doubt this is a sanctioned method, but when I am sure of the content, I will add an S to the http in the URL and most of the time it works...

[Stef_retired]

mhenry and anyone else running across this post, not every external website supports the https: protocol, and in those instances, you might want to provide your students with guidance to manage the external content. Perhaps this resource will help: External or "insecure" content: Strategies for helping students cope

(And  @mpoole ​, like you, I've often just added an "s" to the http to make it work. )