Force Landscape in Fullscreen on iPhone

Hello Rene,

thank you for your questions!

1. Since the progress bar, the buffer bar, the base bar and playback time are all different elements, it would be best, if you’d rather inform us what elements would you like the controlbar to show after the changes.

2. Do you mean how to make videos muted by default? You can make the autoplay videos play muted by going to Settings -> FV Player Pro -> Sitewide FV Player Defaults -> Autoplay and select Muted. In most browsers and devices, the videos auotplay muted by default.

As for videos on which the user manually presses play, the default audio is on 100% and later the user’s preferred playback volume gets remembered.

3. Go to Settings -> FV Player Pro -> Mobile Settings and enable Force landscape orientation in fullscreen.

Thanks,
Maria

Hello Rene,

what device OS and browser have you tried the feature in?

Thanks,
Maria

Hello Rene,

does the issue occur with MP4 videos or is it some other video type?

I’m asking because recent iOS version do have playback issues with MP4 videos. These issues appear even when using the core web browser video player so it’s really not related to FV Player.

Unfortunately I failed to find any resolution for these issues last time I was checking, so it’s time to have a look again.

Thanks,
Martin

Hello Rene,

please let us know what exactly do you use for as video source.

Is it the MP4 file link, HLS (.m3u8) file link (these are called the Vimeo Pro file links) or the https://vimeo.com/{number} links which we recommend to use with FV Player Pro?

Thanks,
Martin

Hello Rene,

I confused this thread with something else, sorry about all these questions which are actually not to the point.

So finally about forcing the landscape orientation in fullscreen – we use W3 Screen Orientation API which is not supported on iOS: https://caniuse.com/screen-orientation The “Force landscape orientation in fullscreen” setting description mentions that too:

Works on the Android mobile, not supported on iOS unfortunately.

However it seems we could achieve the same effect on iOS using CSS, so we will give it a try:

.flowplayer.is-fullscreen .fp-player {
    transform: rotate( 90deg );
    width: 100vh;
    height: 100vw;
    transform-origin: left top;
    left: +100%;
}

The above code rotates the player, but then tapping on the timeline no longer works properly. Also clicking the exit fullscreen on iPhone is next to impossible. So there are some challenges.

Thanks,
Martin

After further consideration we are not going to do this.

We will only show the notice when the location bar shows in the fullscreen mode when phone is in landscape orientation.

Thanks,
Martin