Video doesn't scale in fullscreen

[Axel186]

Describe the bug
In fullscreen mode, video doesn't scale across the whole display.

To Reproduce
Steps to reproduce the behavior:

1. Click the fullscreen icon
2. Observe the error

Expected behavior
In fullscreen mode, video scales across the whole display.

Temporary Solution that I used
I added the next CSS rule, but this might break other logic:

.plyr:-webkit-full-screen video {
    height: 100% !important;
    width: 100% !important;
}

Screenshots

Desktop (please complete the following information):

• OS: MacOS (Big Sur)
• Browser Chrome Version 92.0.4515.159
• Nextcloud 21.0.4

Browser log

No errors in console.

Additional context
The original issue that was opened on deprecated repo: nextcloud/files_videoplayer#77

[citronalco]

Seems like the fullscreen function works only in some(!) versions of Chrome/Chromium, but not in Firefox or Safari. There are several bug reports about this (#1037, or in the old repo: nextcloud/files_videoplayer#224).

Interestingly it works properly with every browser everywhere when using the browsers' fullscreen function (holding shift to disable the blocking of the context menu #678, right mouse click, select "Play in Fullscreen")

[ChildLearningClub]

On ios Safari I only have the issue of videos not scaling properly when I have a shared folder with more then one item. When it is a single shared video file it plays with the ios native built in player and works perfectly. It seems to be an issue with the way that videos are played when in a set. Is there no way for the videos played in a set to inherit the same player/css or whatever it is that is used to play single shared videos? This is a pretty old issue. I hope it's fixed in Hub 3 / Nextcloud 25 :)

[skjnldsv]

Yep, can't reproduce in 25 with chromium, brave or ff.
For iOS, see #1037