YouTube video turns completely black when loaded into the H5P Interactive Video

Hi H5P Community,

I am facing an issue where a YouTube video turns completely black when loaded into the H5P Interactive Video tool (both in Moodle Content Bank and on H5P.org). The player controls appear, but the video content does not display or play.

Details & Configuration:

  • Content Type: Interactive Video

  • Platform: Moodle (also tested/reproduced on H5P.org)

  • YouTube Video Link: [https://youtu.be/PSltG6GuO74](https://youtu.be/PSltG6GuO74)

Settings Checked on YouTube Studio:

  1. Allow Embedding: Enabled ([x] Izinkan penyematan)

  2. Visibility: Public (Publik)

  3. Audience: Set to Not Made for Kids ((x) Tidak, video ini tidak Dibuat untuk Anak-Anak)

  4. Age Restriction: None (No restriction)

Despite all YouTube permissions being set correctly for third-party embedding, the video stream remains black inside the H5P player frame.

Could this be related to a recent YouTube IFrame Player API policy update, or is there a specific header/referrer requirement in H5P that might be causing this? Any guidance or troubleshooting steps would be greatly appreciated.

Thank you!

Content types: 
BV52's picture

Hi,

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 Video.

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

Hi, even the example at https://h5p.org/interactive-video#example=27611 turns black as well.

BV52's picture

Hi,

The sample content on H5P.org uses an older version and cannot be updated anymore as it is using an outdated version of the plugin. This is not a problem when the same content is viewed in H5P.com which is using the latest version of Interactive Video.

https://bv-demo.h5p.com/content/1292993777505347329

-BV