apache/cordova

Video files (native HTML 5 video element) within iframe will not go into full screen when user taps the full screen icon

bar8s opened this issue · 1 comments

bar8s commented

Bug Report

Problem

Video files (native HTML 5 video element) will not go into fullscreen when user taps the fullscreen icon in the video element controls.
Issue seems to be related to Android only.
The fullscreen icon is visible and is not visibly disabled.
Video will play and all other controls work as expected.
Fullscreen functionality does work as expected when HTML content (including video) is displayed in a standard web browser.
Issue only occurs when HTML is displayed via an iFrame in the cordova app.
allowfullscreen=true added to parent iFrame.
Discounted any dom element overlaying fullscreen control.
It is possible to fullscreen a video once during a users app session.
An app restart is required to allow full screen of a video again.

What is expected to happen?

When a video is exposed via the video element the full screen icon should trigger the video to show in full screen mode when the content is embedded within an iframe

What does actually happen?

The first time a video is displayed within a session, all works fine, but after that any other videos fail to react to the full screen icon, an app restart is required to allow full screen of a video again.

Information

The following post seems to talk about the same issue, but has no resolution
https://stackoverflow.com/questions/75953598/android-cordova-html5-video-fullscreen-only-works-on-first-instance

Command or Code

Environment, Platform, Device

Android

Version information

Cordova 11
React based web app

Checklist

  • I searched for existing GitHub issues
  • I updated all Cordova tooling to most recent version
  • I included all the necessary information above