HTML5 - Embed Interactive Video

Jump to solution
mhenry
Community Novice

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

1 Solution
awilliams
Instructure Alumni
Instructure Alumni

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.

View solution in original post