Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

iOS iFrame = no fullscreen option in v2

See original GitHub issue

Expected behaviour

The player should offer the same functionalities like fullscreen option also when embedded via iFrame. Plus the fullscreen option is working not in fullscreen, but inline anyways.

Actual behaviour

On iOS 11/ Safari the fullscreen option is automatically cut-back to the dimension of the inline iFrame once Fluid Player gets loaded inside an iFrame. It is looking very odd as well, when switching into this pseudo “fullscreen” mode. (no offense, your player is working flawlessly about anywhere else)

Environment

Browser: Safari
Version: latest
Operating System: iOS
Version: 11.2.6

Steps to reproduce

Fluid Player without iFrame: http://alpine-dash-hls.gq/player/fluid-player.html
Same Fluid Player loaded via iFrame: http://alpine-dash-hls.gq/demos/fluid-player with allowfullscreen parameter

<iframe src="../../player/fluid-player.html" type="text/html" frameborder="0" allowfullscreen width="100%" height="1080"><p>Failed to load Fluid Player! I'm sorry :(</p></iframe>

Issue Analytics

State:
Created 6 years ago
Comments:6 (1 by maintainers)

Top GitHub Comments

1reaction

majameecommented, Apr 6, 2018

Just one thing I noticed, most other JS based players switch on iOS to the system native player for true full screen playback and switching back once fullscreen mode is left. Maybe this could be a route worth considering? (FYI)

1reaction

Danny15commented, Mar 20, 2018

Hi @majamee, thank you very much for your comments. We have known issues with Fluid Player and iOS. Currently we are reviewing iOS behavior and we have started to look into its issues. We will consider your issue when we do.

Top Results From Across the Web

fullscreen not available on mobile in iframes - krpano.com

Hi, The iPhone doesn't support the HTML5 fullscreen mode at all. The iPad does it since iOS 12, but only in a very...

iOS and Twenty-Twenty-Two: “Your browser doesn't support ...

After the update to WP 5.9 with the standard Theme Twenty-Twenty-Two the full-screen option in the embedded iframe does not work anymore:.

Embedded Video (Vimeo/YT) Fullscreen not available

YouTube can disable fullscreen view on embedded videos. The "allowFullScreen" command used to work, but it was probably fixed recently.

Toggle Fullscreen on iOS devices - how do you deal with it?

html page has a 'fullscreen' button with the following Actions ascribed to it, Source: Mouse Click | Action: Go To URL | Parameters:...

Troubleshoot: Fullscreen button missing from the player - Vimeo

Browsers do not allow iframes to enter fullscreen if they are contained within other iframes without these fullscreen attributes. Try inserting the player ......