This question is answered. Helpful answers available: 2. Correct answers available: 1.


Permlink Replies: 5 - Pages: 1 - Last Post: 11 Apr 22, 18:55 Last Post By: JeffTucker
JeffTucker

Posts: 8,431
Registered: 31-Jan-2006
Video controls in Minimal
Posted: 5 Apr 22, 14:02
 
  Click to reply to this thread Reply
Using Minimal, the video controls are often inaccessible on a variety of devices. This test album was made with video resolution of 1080p. The first video is actually only 720p, so it doesn't get any larger than that. The second video really is a 1080p. The image bounds are set to 2000x2000.

https://jefftucker.jalbum.net/minvid/

When viewing the first video, the controls are still accessible on most devices, but not on a typical small-to-midsized phone (like my S7, or an iPhone SE), with a 360x640 screen.

When viewing the second video, the controls are not reachable on almost any device, even a 1920x1080 monitor.

Setting the video resolution down to 720p takes care of the problem for most devices, but the non-huge phones still run into it. In similar fashion, choosing smaller image bounds helps, but to take care of the phones, you need to get down to "stupid small" image bounds. And setting the video resolution to 480p takes care of all devices, but results in videos that are ridiculously small on a typical desktop monitor.

I know why this is happening. The slide page in Minimal isn't truly responsive - it just relies on CSS to make the image or video narrower. An image has a native aspect ratio, so it also gets shorter when that happens, and things are mostly OK. But the <video> frame doesn't have a native aspect ratio (the video itself does, but the frame doesn't). When it gets narrower, it remains just as tall as it was. Since the video controls are pinned to the bottom of the frame, they get pushed off the bottom of the display.

What's the solution? The skin could detect when the viewport is shorter than the video itself, and reduce the height of the <video> frame. Or, the page could set overflow-y:auto;, which would at least let the visitor scroll down to get to the controls.

Edited by: JeffTucker on 5 Apr 2022, 10:44 - typo
JeffTucker

Posts: 8,431
Registered: 31-Jan-2006
Re: Video controls in Minimal
Posted: 5 Apr 22, 17:37   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
BTW, unlike some of the other Minimal problems, this one is not new in version 8.3. Version 8.1 manifests the same trouble.
davidekholm

Posts: 3,619
Registered: 18-Oct-2002
Re: Video controls in Minimal
Posted: 9 Apr 22, 12:13   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
Thanks for reporting. Let's see if Laza can address this one.
JeffTucker

Posts: 8,431
Registered: 31-Jan-2006
Re: Video controls in Minimal
Posted: 10 Apr 22, 13:20   in response to: davidekholm in response to: davidekholm
 
  Click to reply to this thread Reply
Minimal 8.4 gets closer to a reliable solution, but still gets tripped up by a portrait-mode video, when viewed on a typical phone (like my aging Galaxy S7). Here are some screenshots from Chrome and Firefox in Android. The video is 404x720, and the phone's viewport is 360x640. Controls are accessible on a landscape video, but not on a portrait video.

I don't think there's a pure CSS solution to this, and I'm not sure Minimal should go down the Javascript rabbit hole. It might be enough to set overflow-y:auto; on the slide image, so that the visitor can at least scroll down to access the controls.
JeffTucker

Posts: 8,431
Registered: 31-Jan-2006
Re: Video controls in Minimal
Posted: 10 Apr 22, 14:09   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
Attachment Fairy Pillar.jpg (213.1 KB)
Attachment ChromeExtreme.jpg (553.1 KB)
BTW, extreme aspect ratio images also get cropped, though because there aren't any "controls" involved, it's usually not obvious. Compare the original to the screenshot, attached.
JeffTucker

Posts: 8,431
Registered: 31-Jan-2006
Re: Video controls in Minimal
Posted: 11 Apr 22, 18:55   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
The current iteration of Minimal 8.4 takes care of these situations well enough. No sense beating it to death.
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums