Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

Fix subtitle bottom position and remove black transparent on iphone


Here are screenshot links http://i.imgur.com/5kEUOMM.jpg and http://i.imgur.com/lGl62z3.jpg

How you see subtitle's position isn't good. How can I fix it via css ?

I found this link http://www.dev.powered-by-haiku.co.uk/solutions/jwioscaptions/ added this code to my setup

"plugins": {
"http://www.dev.powered-by-haiku.co.uk/solutions/jwioscaptions/code/jwioscaptions.js":{}
}

but no success, it still looks how you see in screenshot. Also I added some css for removing black transparent background but again I still see that background.

Here is my css code:

body.single-video-list #mySingleVideoWrapper video::cue {
color: #fff !important;
font-size:16px !important;
font-family: Arial, sans-serif !important;
border-radius:0px !important;
-webkit-border-radius: 0px !important;
}
body.single-video-list #mySingleVideoWrapper ::cue {
color: #ffffff !important;
background: transparent !important;
text-shadow: black 0 0 0.2em !important;
background-color: transparent !important;
}

Please I need urgent help.
Thanks.

1 Community Answers

Heidi

JW Player Support Agent  
0 rated :

Captions are supported on iOS, so you should not need a workaround to get them to display. Since I cannot see your full setup, my suggestion would be to take our your current styling and use these following documents as reference:
https://www.jwplayer.com/html5/track/
https://support.jwplayer.com/customer/portal/articles/1482067-styling-captions-for-fcc-compliance

This question has received the maximum number of answers.