Fullscreen video scaling do not work properly on iOS browsers

vimeo / player.js

Interact with and control an embedded Vimeo Player.

https://player.vimeo.com/api/demo

MIT License

1.44k stars 261 forks source link

Fullscreen video scaling do not work properly on iOS browsers #577

Closed CallMeTuesday closed 4 years ago

CallMeTuesday commented 4 years ago

Expected Behavior

On tapping full screen button, the user should be able to go into fullscreen and use the scaling button in the top-left corner to scale video to 100% height (getting rid of black bars on top/bottom)

Actual Behavior

Upon entering fullscreen, users are unable to scale to 100% height
Tapping the scale button causes the video to jump around
See video here: https://www.dropbox.com/s/9xkzuuemkbwwr5e/RPReplay_Final1590092122.MP4?dl=0

Steps to Reproduce

Watching any video on vimeo.com or video from embed code provided by vimeo live on iOS tablet (affects various versions of iOS with Chrome and Safari)
Enter full screen then try to scale the video to 100% height

CallMeTuesday commented 4 years ago

Bueller?

fisherinnovation commented 4 years ago

Thanks for the report as well @mydudechris. We will also review this internally and provide status updates on this ticket.

CallMeTuesday commented 4 years ago

thanks @fisherinnovation

CallMeTuesday commented 4 years ago

@fisherinnovation any progress on this?

CallMeTuesday commented 4 years ago

I noticed that the Vimeo Livestream player works as expected on tablets. I can use two fingers to zoom to full screen, then scale it to 100% height. Is there any way we can get this implemented on the Vimeo player? I do a lot of live streaming with my Vimeo Premium account and this feature is a real issue for me as many of my viewers view it properly on their tablets. This in combination with the chat minimizing problem create a real issue for my users—both on tablets and desktop as the experience is poor on both. Not being able to use fullscreen properly is forcing me to consider other platforms such as YouTube, Wowza and Dacast. I really don't want to switch (especially to youtube).

luwes commented 4 years ago

@mydudechris is this still happening on your end? I can't reproduce on my iPhone, it correctly zooms exactly to 100% height.

CallMeTuesday commented 4 years ago

I find that the issue happens on iPads and during live streaming events. Videos broadcast in 1920x1080 cannot be scaled to full height

On Fri, Aug 21, 2020 at 11:22 AM wesley luyten notifications@github.com wrote:

@mydudechris https://github.com/mydudechris is this still happening on your end? I can't reproduce on my iPhone, it correctly zooms exactly to 100% height.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/vimeo/player.js/issues/577#issuecomment-678348455, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAFODDNJDAUKUMSEFMVP56DSB2GMHANCNFSM4NIUTFDA .

-- Chris Tate

luwes commented 4 years ago

hmm, hard one to debug. I just tested on my iPad and here it goes fullscreen with the Vimeo player UI controls so no native Apple controls and no 100% height option. iOS 12.1.4

I believe this is actually the default for iPad, to go in fullscreen with the Vimeo UI. is this an older iPad? which iOS version is it?