I created a course that required closed captions in multiple languages. This all seemed to work fine in most cases except in Safari when you access full screen in the media player - then the closed caption do not show up. Then if you select the language picker in the player when in full screen is sometimes shows all languages selected, but if you close full screen that is not the case. This only seems to happen in Safari.
Not sure what to do at this point. This is a requirement for this course.
Hi Mark
What versions of Safari on what platforms?
I've tried this on Safari for macOS 10.14, iOS 12.0 for iPhone and 12.0.1 for iPad and it always shows the captions and always shows the captions language picker.
The only problem I could see was that if you have more than three languages, the language picker popup that's displayed when the video is being played inline isn't tall enough to display all the languages, but presumably that's easily solved with a bit of CSS.
Worth nothing that full screen video in iOS isn't being displayed in the browser, it switches over the iOS media player - so Adapt has no control over how that looks and only minimal control over how it behaves. Not sure if the same applies to Safari for macOS but it certainly looks like its doing something similar.
Safari for macOS full screen:
(player controls showing due to me pressing keys to take screenshot)
Safari for macOS inline video:
Safari for iPhone fullscreen:
Hi Matt - thanks for the reply.
I am using Safari 12.0 Mac OS 10.13.6, iPhone 12.0.1. All we have are those 3 languages. I am not the only one experiencing the problem so I am thinking the issue is possibly with the course package. I even created a test course with some videos and added cc (vtt) and same issue.
????
Happy to look at the test course if you are happy to share it
Did a fresh install on my Mac thinking that there might be an issue with my install on our servers, but having the exact same issue. I recreated my page with a video - I also have only the core plugins with this install. I go to full screen in Safari and do not see my closed captions - I can pick my languages - which initially all three are picked and click a language and nothing happens.
Is it possible I am just missing a setting or something? Like I said, only in Safari and full screen. When I am not in full screen they are there.
Hi Mark
OK so the reasons your captions aren't appearing at all in Safari full screen is down to the format of the timings in the .vtt files, it seems like Safari doesn't much care for commas as a time separator as your .vtt files have - e.g. 00:00:00,240 - it works quite happily if I change it to 00:00:00.240
Looking at the MDN documentation for timings in VTT files, it seems like the use of the comma is incorrect. I guess the mediaelement player that presents the captions when the video is shown inline is handling this gracefully whereas Safari is not (which doesn't surprise me as this browser is immensely picky when it comes to anything to do with video).
It is odd how the language popup in the fullscreen player has all three languages selected initially... I thought I wasn't seeing that issue in my testing but now I go back to it I see I am. I thought initially it might be Safari not liking that none of the <track> elements has a default property, but adding that doesn't make any difference.
There's also an annoying problem where, if you've got captions enabled in the inline player then you go fullscreen and switch on captions in Safari's player, then exit fullscreen, you'll have two sets of captions running. Quite what can be done about this, I'm not sure - the problem is that there are two different players that are both trying to display captions.
To the best of my knowledge, Safari is the only browser that forces its own player in fullscreen mode, this is presumably to enable it to do its 'picture-in-picture' feature where you can 'pop' the video player out to a separate window.