Plyr: iOS Fullscreen does not show captions

[Antonio-Laguna]

Expected 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

https://codepen.io/Belelros/pen/GYzNmx

[cuongn265]

I can confirm that @Antonio-Laguna fix works on my side but not sure if it causes any other issue.

[Shaker-Hamdi]

I can confirm this issue, on full screen on IOS the caption doesn't show. @Antonio-Laguna fix works, but when you go back to normal screen, the text-track container still visible behind the caption, so you get two captions overlapping :(

[bpeab]

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.