Video playback loop and autoplay options not working when embedded in Canvas I frame

Submitted by daniel.antoniuk on Fri, 01/29/2021 - 18:53
Forums: 
Bugs in content types

Hi

I am wondering why the Video sources: Playback options are not working when the H5p interactive is embeded in Canvas LMS. It works when I test in the authoring tool but not once the object is embedded into Canvas LMS page via Iframe H5p embed code. Content-type is Hotspot with videos in the hotspot. Video appears but is paused and also won't loop even though these options are checked under Playback options in H5p

Content types: 
Image Hotspots
BV52's picture

BV52

Mon, 02/01/2021 - 17:15

Hi Daniel,

You mentioned that you embedded the contents in Canvas where are you hosting these contents? If you check the browser console are seeing any error messages? Does this happen on a specific browser?

-BV

daniel.antoniuk

Wed, 07/28/2021 - 22:30

Well funny when I originally posted this question we had our interactives on our own drupal site. However, we have now migrated over to h5p.com here's the new hosting location url: https://unlv.h5p.com/content/1291233209087397678 I still have the same issue. Besides canvas I have embedded some of these interactives in my Wix portfolio site and same issue. Videos won't auto-play even when the option is selected.. My os is windows 10 and I'm using Chrome Version 92.0.4515.107 (Official Build) (64-bit). So far this is the case with both 360 interactives and hotspot interactives. My portfolio site is here https://www.projectxmm.com/portfolio

daniel.antoniuk

Wed, 07/28/2021 - 23:53

This is iframe of the working one: <iframe id="h5p-youtube-0" frameborder="0" allowfullscreen="1" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" title="YouTube video player" width="314" height="324" src="https://www.youtube.com/embed/FVu5Zrktm40?origin=https%3A%2F%2Funlv.h5p.com&amp;autoplay=1&amp;controls=1&amp;disablekb=0&amp;fs=0&amp;loop=0&amp;rel=0&amp;showinfo=0&amp;iv_load_policy=3&amp;wmode=opaque&amp;start=0&amp;playsinline=1&amp;enablejsapi=1&amp;widgetid=1"></iframe> the one that doesn't autoplay: <iframe id="h5p-youtube-0" frameborder="0" allowfullscreen="1" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" title="YouTube video player" width="683" height="391" src="https://www.youtube.com/embed/7ptiYPcIeM8?origin=https%3A%2F%2Funlv.h5p.com&amp;autoplay=1&amp;controls=1&amp;disablekb=0&amp;fs=0&amp;loop=0&amp;rel=0&amp;showinfo=0&amp;iv_load_policy=3&amp;wmode=opaque&amp;start=0&amp;playsinline=1&amp;widget_referrer=https%3A%2F%2Fwww-projectxmm-com.filesusr.com%2F&amp;enablejsapi=1&amp;widgetid=1"></iframe> the one that doesn't play has this in the URL: widget_referrer=https%3A%2F%2Fwww-projectxmm-com.filesusr.com%2F&amp;One of my co-worker is a programmer provided the code aboveHowever as you know I have no control over how the embed code is written in H5p in using the app. I just provide the url link. Do you think you can adjust how h5p creates the embed code so the auto play feature can work? At least for YouTube types which is what all our videos are stored.
thomasmars's picture

thomasmars

Thu, 07/29/2021 - 15:03

Hi Daniel,
Both of these iframes have a youtube source. Which embed code is it for h5p.com that you are using that is not working ? Please show the complete embed code that is not working, and please link to the page where it is not working.

BV52's picture

BV52

Thu, 07/29/2021 - 00:05

HI Daniel,

I've reached out to the developers of H5P.com and they will get back to you in a few hours once they are in the office.

-BV