
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.