interactive video not loading on iPad - EDIT: due to domain restriction?

Submitted by Pir1981 on Tue, 03/14/2023 - 19:04
Forums: 
Bugs in content types

Hi,

I have created an interactive video using a vimeo video (for test purposes added youtube as well).

Staging Testsite 

It works just fine on desktop and android, but when running it on an iPad OS 16.3 (no matter if Chrome or Safari - sorry can't find the version numbers anywhere on the iPad...) it only states "The Vimeo video could not be loaded."

I have tested vimeo videos by themselves (no h5p, just directly in a wordpress vimeo container) and those work just fine on the iPad. I have also tested "drag & drop" by itself and also that is working fine. So it seems to be the interactive video.

I have found multiple people having similar problems:

https://h5p.org/node/311488
https://h5p.org/node/1284644

but never a solution...

By the way we have vimeo plus, so the links look something like this: https://vimeo.com/123456789. But I do not believe that should be an issue anymore (seemed like an issue in the past), given that we see the video on desktop and android. It seems to be apple specific....

EDIT: I have also included another video, where the setting is "Embed: Where can the video be embedded? - Anwhere" (after reading https://h5p.org/node/1330526), and now the video shows.

Anyone has any idea, what the issue could be, and how to solve it? We do want the domain limit, as the videos are course videos and we want it to be only embedded on our sites.

Thanks!

 

 

Summary: 
interactive video not loading on iPad due to domain restriction
Content types: 
Interactive Video

Pir1981

Wed, 06/28/2023 - 10:15

Under H5P we create a new interactive video, and then put the video link https://vimeo.com/0000000 (the numer is just a placeholder here, not a real video) under "YouTube-Link or another video-url".

And on the frontend, we then include the h5p in gutenberg shortcode block.

As said, it works perfectly fine under windows and android, the only issue is with apple products.

 

stopbit's picture

stopbit

Thu, 10/24/2024 - 14:43

Hello, I have the same / similar issue.

I also replied to your post on github, as I can see there is no movement on the H5P forums for a solution related to this problem - your github post explains the scenario well, which I've now addedd to.

Please see here H5P moderators: https://github.com/h5p/h5p-video/issues/120


Thanks

BV52's picture

BV52

Mon, 05/25/2026 - 19:49

Hi All,

For the past few months there have been some updates on how to handle Vimeo videos in H5P, can you please confirm if using Vimeo videos has improved.

-BV

Antonio Baleon

Thu, 08/20/2026 - 05:41

Hello,

We are experiencing an issue with YouTube videos in H5P Interactive Video. The issue can be reproduced consistently across three different environments:

  • Moodle 4 installation

  • Moodle 5 installation

  • Lumi Desktop

In all three environments, the behavior is the same:

  • The YouTube video starts playing.

  • Audio plays normally.

  • The video area remains completely black.

  • The browser console reports a JavaScript error during YouTube player initialization.

In Lumi Desktop, the error is particularly clear:

Uncaught TypeError: Cannot set properties of undefined (setting 'style') at create (youtube.js?version=1.6.65:169:22) at window.onYouTubeIframeAPIReady (youtube.js?version=1.6.65:583:9) at www-widgetapi.js

Lumi is using H5P.Video 1.6.65 in this case.

We inspected the corresponding H5P.Video YouTube code and found that the error occurs when H5P executes:

player.g.style = "position:absolute;top:0;left:0;width:100%;height:100%;";

player.g is undefined, which causes execution to stop.

We reproduced the same error in our Moodle installations. For example, in Moodle 5 with Interactive Video 1.27.9:

Uncaught TypeError: Cannot set properties of undefined (setting 'style') at create (4ab676421b75f41005236895c6bb716934dc955f.js:30335:22) at window.onYouTubeIframeAPIReady (4ab676421b75f41005236895c6bb716934dc955f.js:30749:9) at www-widgetapi.js

Inspection of line 30335 shows the same instruction:

player.g.style = ...

We have also verified that:

  • https://www.youtube.com/iframe_api loads successfully.

  • www-widgetapi.js loads successfully.

  • The relevant YouTube API requests return HTTP 200.

  • H5P reaches new YT.Player(...).

  • The video actually starts playing, as the audio can be heard.

  • The visual player remains black after the JavaScript error.

Because the same behavior occurs in Lumi Desktop and two independent Moodle installations, this does not appear to be specific to our Moodle server or hosting environment.

It appears that these H5P.Video versions may rely on the internal player.g property of YouTube's YT.Player. Could a recent change in the YouTube IFrame Player have made this internal property unavailable?

We noticed that newer H5P.Video code uses the public YouTube Player API method:

player.getIframe().style

instead of:

player.g.style

Could you please confirm:

  1. Whether this is a known issue affecting H5P.Video and YouTube.

  2. Which H5P.Video version contains the compatible fix.

  3. Whether updating H5P.Video is the recommended solution for existing H5P Interactive Video content.

  4. Whether there is a safe patch/workaround for installations that cannot immediately update their H5P Core.

  5. Whether existing .h5p files need to be modified, or whether updating the H5P.Video library at platform level is sufficient.

We can provide screenshots of the console error, the affected JavaScript code, and a sample .h5p file if needed.

Thank you very much for your assistance.

BV52's picture

BV52

Thu, 08/27/2026 - 18:17

Hi Antonio,

If you are still encountering this issue and you are self-hosting your contents please make sure that you are using the latest version of Interactive Book.

On the other hand if you are hosting your contents in H5P.com please provide the URL of the content so that we can check.

-BV

otacke's picture

otacke

Fri, 08/28/2026 - 15:35

Just ensure that you are running version 1.28 of the H5P framework/H5P plugin and update H5P.Interactive Video. If required, upgrade existing content. Done.

Won't work on Lumi Desktop, because it has not been updated in ages and does only support H5P core up to 1.27. I do not recommend patching if you don't know what you're doing.