VTT Captions not working on iOS

sampotts / plyr

A simple HTML5, YouTube and Vimeo player

https://plyr.io

MIT License

26.63k stars 2.93k forks source link

VTT Captions not working on iOS #1483

Open marcdelalonde opened 5 years ago

marcdelalonde commented 5 years ago

Hello,

The captions does not work on iOS even from the plyr.io homepage.

Is it possible to activate them ?

Also, is there a way to make data uri captions working on Edge & IE10 ?

PS: I use playsinline mode

Thank you :)

sampotts commented 5 years ago

I can't replicate on plyr.io. For me on iOS 12 and iOS 13, they show up fine. Here's a screenshot of iOS 12...

I'm not sure on the data URI approach. I'd need to test that.

marcdelalonde commented 5 years ago

Thank you @sampotts it seems not working on iPhone, forgot to specify this sorry.. is it working on your side from an iphone?

EDIT: wow it seems to work fine on the simulator but not on my iphone x ios 12.3.1 :/

sampotts commented 5 years ago

Yep I tested on iOS 13 on an iPhone XS...

marcdelalonde commented 5 years ago

Thanks @sampotts , I only reproduce on my iPhone it's very strange... I'm gonna dig about that.

So the only blocking point is the data uri captions that not working on edge & IE10.. if you have an idea ?

Thank you

highbelt commented 5 years ago

@marcdelalonde We were able to fix this issue (happening sporadicly on 2 of 7 iOS devices) by removing the 'default' attribute in the <track ... /> tags in our template (like it is shown in the readme example here on GitHub).

We had the 'default' attribute set dynamically (PHP) based on the current page language selected by the user, but also preselected a caption language via the options in the Plyr initialization script (JS). Together, it was breaking the default caption language completely.

DaiNguyen1902 commented 3 years ago

I have the same issue:

In browser safari in ios, in mode fullscreen, player not display captions vtt

Not fullscreen:
In mode fullscreen:

quanhvsudobo commented 3 years ago

I have same issue. anyone have solution?

davekobrenski commented 3 years ago

I’m having the same issue - no captions on iOS native fullscreen, although they show up in the caption options (and work fine in the plyr inline version).

Anyone find a fix? I’ll debug a bit and post here if I come up with anything.

https://user-images.githubusercontent.com/10755945/107672052-7c200480-6c62-11eb-83cf-b422b1fdf275.mp4

davekobrenski commented 3 years ago

update: I was able to get these working. see this issue, and my comment on it here:

https://github.com/sampotts/plyr/issues/1233#issuecomment-777751492