Open elynema opened 1 month ago
Really hard to debug stuff once the native player opens, so probably hard to figure this out. Could check add tracks event to make sure all source tracks are being added properly into the player on the full-screen event.
This is likely a regression in the native player in iOS 17 (from reported issues in GitHub issues for JS players, and issues in StackOverflow).
On iOS 16 on Browserstack, and the native player was able to retrieve the data related to the media after entering full-screen, which doesn't seem to be happening in iOS 17 or higher versions. On iOS versions higher than 17, the native player is only able to retrieve the necessary data either after playing the media or entering and then exiting full-screen without playing.
I checked popular streaming sites, and YouTube always play the video on load so, they don't run into this issue.
And in Vimeo, and they hide the full-screen toggle button unless the user has initiated playback in iOS 17 or higher versions to avoid this. | iOS 17.5 | iOS 16 |
---|---|---|
Once the video is played in iOS 17.5, the full-screen toggle button appears.
I was not able to trigger player events (mimic what was happening in iOS versions < 17) to get it to a playable after it has entered the native player in full-screen mode, since we don't have control over the native player.
Possible solution paths;
Added this to the known issues page in Ramp's wiki.
Describe the bug The iOS native player is not loading video content when the user first clicks the full-screen button on a video to open the native player, then clicks play. Although the progress bar in the native player advances, the media player remains black.
Although there have been intermittent reports of this happening when the user clicks the play button the media item page, it has been primarily reproducible when first clicking the full-screen button.
To Reproduce Steps to reproduce the behavior:
Expected behavior Playback should work as normal even if the user selects full-screen in the native player prior to starting playback.
Screenshots
https://github.com/user-attachments/assets/c301fa0b-4a61-4728-b832-92c87df7c63f
Smartphone (please complete the following information):