iOS Fullscreen does not show captions
See original GitHub issueExpected behaviour
You should be able to use (and see) captions when on fullscreen.
Actual behaviour
What happens is that after selecting the caption nothing seems to happen. If you snap out of the full screen mode then you see the captions outside.
I did a quick & dirty solution to fix this but feels wrong to me.
@media (--tablet) {
.plyr--full-ui ::-webkit-media-text-track-container {
display: block;
}
}
Steps to reproduce
You need a video that doesn’t playisinline.
Environment
- Browser: Safari
- Version: 12
- Operating System: iOS 12
- Version: 3.4.6
Link to where the bug is happening
Issue Analytics
- State:
- Created 5 years ago
- Reactions:7
- Comments:5
Top Results From Across the Web
Captions/Subtitles are not displaying in Fullscreen-mode on ...
tried to use html5: {nativeTextTracks: false} , it works on iPhone when the video is not fullscreen, but the subtitle will hidden after...
Read more >IOS captions are incomplete and the video is not in full screen
IOS captions are incomplete and the video is not in full screen ... the full screen display will not be possible, and some...
Read more >Please help with subtitles on iPhone browser every time I go ...
Please help with subtitles on iPhone browser every time I go into full screen the subtitles shrink and go to the center of...
Read more >Closed Captions in Safari when video in full screen mode
Worth nothing that full screen video in iOS isn't being displayed in the browser, it switches over the iOS media player - so...
Read more >Troubleshooting Guide for Audio and Video Streams
Safari on iOS seems to ignore the video player's own closed caption option. To make them show, make the video full-screen. When the...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
This is still an issue for me as well. The work-around does the same as described by @Shaker-Hamdi and I didn’t find any solutions yet.
I can confirm that @Antonio-Laguna fix works on my side but not sure if it causes any other issue.