Hey everybody - trying to see if what I’m seeing is a bug others are seeing and if there’s a workaround for it.
In short, I’m seeing full-screen fail across multiple video players on multiple apps. Another member of our team is seeing the same. I’ve made a quick loom to show the behavior. It’s worth checking your video player plugins for similar behavior if you haven’t already as this seems to be happening on every one I test from my side.
I don’t know if it helps, but I just did a quick test with Bubble’s native video player as well as this free Video.js plug-in. I played a YouTube video and had no problems going full screen.
Thanks guys - that’s helpful. I actually had the same issue happen with the same free Video.js plug-in as you have @sudsy, so I’ll have to dig a little deeper to see what’s up.
Thanks to @sudsy and @edd we took a closer look at this and found out that if we set our browser width to the full width of our screens, the full-screen functionality works then. It also works if you set the page width to fixed (which isn’t a feasible fix for most apps).
Full screen seems to be a two step process that first fits the browser to the full width of the screen, then shows the video at full screen, but that second step is failing when the first requires and actual adjustment.
Interested to know if anyone else is seeing the same and/or if there are any workarounds.
Yes, I’m seeing that same behavior on my site now that you point it out. When browser width < screen width, and I attempt to play video full screen, it starts to go full screen, then quits and kicks back to regular screen.
I have the same problem, do you know if this issue will be fixed ? if no, would you recommend another plug in to do the same kind of thing with or without HTML ?