iPad video subtitles pop-over is really small

[BPerlakiH]

The subtitles pop-over is really small (compared to the native one, which is disabled by video js).

[BPerlakiH]

So far the only way I have found is to adjust videojs settings in the content itself, which requires some find a replace magic on the loaded HTML content, which might or might not work...

I think we can leave this issue as is, the user can switch between subtitle languages more easily in full screen mode, only the inline one is really small.

See here:

compared to the full screen one:

[kelson42]

@BPerlakiH The bug report lack of details. You mean you would like to have the popup box to have a bigger maximum height? What do you mean with native one? Could we have clear screenshots of what you get against what you expect?
@benoit74 Would that be some we could and should do in the ZIM? Report upstream to video.js?

[BPerlakiH]

@kelson42 here is the comparison between using the provided videojs ui on the iPad,
and how it looks when we turn videojs off, and the native/system ui is used:

videojs:

videojs_ui.mp4

---

native:

native_ui.mp4

[BPerlakiH]

So to sum up, this is specific only to iPad, and only when the video is not in full screen, it is really hard to browse those languages, and you need to be really accurate selecting, as it's less than half of a finger size.

If the video is in full screen the subtitles can be changed without any problems.
Probably it's a small issue, and might be fixed in next video js releases.
(the new video ZIM provided in: #914 unfortunately has no subtitles, so couldn't use that for this purpose).

[kelson42]

@benoit74 Your feedback would be welcome here about (1) "issue" assessment (2) how the solution could/should look like.

[benoit74]

If I get the issue correctly, then I think that this should be reported to videoJS since a generic solution would help all users.

I don't have an iPad to test, but do we have the same issue on https://videojs.com/advanced?video=bipbop-advanced?

[benoit74]

And don't we have the same issue on all small touch screens? (e.g. on my Android phone, it is not easy to be sure to spot proper language either)

[kelson42]

@benoit74 Probably! To me this is an enhancement to do at videojs level and if they can't using a custom CSS to apply in our scraper(s). Therefore I would propose to:

• Move to openzim/youtube
• Open an issue upstream

Does that sounds appropriate?

[benoit74]

Why youtube ? video.js is used in many scrapers, not only youtube.

[kelson42]

Why youtube ? video.js is used in many scrapers, not only youtube.

Once fixed in youtube scraper I will request to fix in other scrapers. One issue at a time.

[benoit74]

But this issue speaks about a problem in TED ...

[kelson42]

@benoit74 Oui, so move to openzim/ted. Does that change anything at the end (i believe all our scrapers are impacted in the manner, or isn't it the case)?

[benoit74]

All scrapers relying on video.js are probably impacted in the same manner indeed

[kelson42]

Assigning to @benoit74 as this is something which might be improved at scraper level. Moving to next milestone.

[benoit74]

I have opened videojs/video.js#8892 to start the discussion at video.js side.

That been said, I don't get why once in fullscreen you have a kind of different player. I don't have the same behavior on Android in my browser or in the app. Is this something specific to kiwix-apple?