Plyr: Youtube Video Landscape on Android not work

[Thomasfds]

Expected behaviour

I have a last version of Plyr and i have observed that landscape mode does not work on android.

Actual behaviour

When I'm in portrait mode the video disappears but the sound is still there. I think it's an iframe problem that must shift at the bottom of the screen. Only on Youtube videos.

Steps to reproduce
Go to landscape mode on any website with Plyr player.

Environment

Browser: Chrome, Edge, Opera
Version: Last Version
Operating System: Android
Version: 9

Console errors (if any)

None

[kkak10]

+1 me too.

[rricamar]

Hi @Thomasfds ,
I had the same error, updated today to _v3.5.6_ and I think it's fixed 👍 just in case you want to try.

[IvoJager]

This is still happening for me on v3.5.6 unfortunately...

EDIT:
I was able to make it work by adding;
on.call(player, window, 'orientationchange', resized);

above (for example)
on.call(player, elements.container, 'enterfullscreen exitfullscreen', function (event) {

[EricSSartorius]

This is still happening for me on v3.5.6 unfortunately...

EDIT:
I was able to make it work by adding;
on.call(player, window, 'orientationchange', resized);

above (for example)
on.call(player, elements.container, 'enterfullscreen exitfullscreen', function (event) {

Can you elaborate on what your 'resized' function does to fix the problem on enterfullscreen and exitfullscreen?
Thanks

[IvoJager]

@EricSSartorius
It's not a function I added or wrote.
You can find the function here.

What I'm essentially doing, is catching a reorientation event and then call the _resized_ function. This function ends up recalculating and setting the video width and height. Without doing this, there appears to be an issue with these dimensions not changing (e.g. remaining in portrait mode) when the video changes from portrait to landscape.

[EricSSartorius]

Ah gotcha. That makes sense, thank you. Is this something that will be added as a PR soon?

[tomgrassmann]

Got the same problem, everything works fine when using a mp4 video file, but when using a video from youtube the videos is missalinged

Code I'm using:
componentDidMount(){ this.player = new Plyr('#player'); this.player.on('enterfullscreen', event => window.screen.orientation.lock('landscape')); this.player.on('exitfullscreen', event => window.screen.orientation.lock('portrait')); }

Tried adding this.player.on.call(this.player, window, 'orientationchange', resized); but React is unhappy with resized not being defined. Any way to fix this

[gboston]

Is there any fix for this? None of the above seem to work.