H5P Interactive Video fullscreen does not work as expected on iOS Safari and Chrome

Submitted by OrNixz on Tue, 05/26/2026 - 09:01
Forums: 
Bugs in content types
Hi H5P team/community,

I would like to report a possible compatibility issue with H5P Interactive Video fullscreen behavior on iOS devices. We found that the fullscreen feature does not work as expected when H5P Interactive Video is accessed from iOS devices, both on Safari and Chrome. The same content works normally on Android, including the fullscreen behavior.

Issue Summary

The issue occurs when users open an H5P Interactive Video on an iOS device and tap the fullscreen button. Instead of entering fullscreen mode properly, the video does not behave as expected. We tested this behavior not only on Moodle, but also on the official H5P sample pages. Because the same issue also occurs outside Moodle, it does not seem to be specific to a Moodle version or Moodle configuration.

Steps to Reproduce

  1. Open an H5P Interactive Video content on an iOS device.

  2. Access the content using Safari or Chrome.

  3. Play the H5P Interactive Video.

  4. Tap the fullscreen button on the H5P video player.

  5. Observe the fullscreen behavior.

Expected Result

The H5P Interactive Video should enter fullscreen mode properly, similar to the behavior on Android devices.

Actual Result

On iOS, the fullscreen behavior does not work as expected. The video does not enter proper fullscreen mode, or the fullscreen display behaves differently compared to Android.

We also tried adjusting browser privacy settings, but the result remained the same.

Tested Environments and Sample URLs

We tested the issue on the following environments:

The issue occurs across all of the samples above when tested on iOS.

Platform and Device Information

The issue was tested on mobile devices.

Affected platform:

  • iOS version: 26.1 and 26.4.2

Comparison platform:

  • Android version: 12

On Android, the same H5P Interactive Video content works normally and fullscreen can be used as expected.

Browser Information

On iOS, we tested using:

  • Safari

  • Chrome for iOS

We also tried the following browser setting adjustments:

  • Safari: Prevent Cross-Site Tracking disabled

  • Chrome iOS: Allow Cross-Site Tracking enabled, if available

However, these changes did not resolve the issue. But on Android, we tested using Chrome for Android, and fullscreen worked normally.

H5P Plugin Version 

For the Moodle environments, we are using the core H5P activity and content type used is H5P Interactive Video. The issue was reproduced using both Moodle-based H5P Interactive Video content and official H5P Interactive Video samples.

Browser Console Errors

Since the issue occurs on mobile iOS devices, Safari remote debugging logs have not yet been collected. We can provide browser console logs if needed.

PHP Errors

No PHP errors have been identified so far. Since the same behavior also occurs on the official H5P sample pages outside Moodle, the issue does not appear to be caused by Moodle-side PHP errors.

Screenshots or Screen Recordings

Screenshots are available and I will be attached to this report. They show the fullscreen behavior on:

  • Moodle 4.5 on iOS