Subtitles position

It depends on which player you’re using, but both the Video.js and WordPress default players can be fully customized using CSS. Use the developer tools in your browser to determine the necessary CSS selector for subtitles in your player and make the adjustments in your custom CSS.

Thanks, but still I can′t figure it out. Will you update the videojs library to the latest player version?

If you’re using video.js, then it seems that they’re using the native browser captions. WebKit browsers don’t have a bottom margin for the captions. You should be able to change that using this CSS:

video::-webkit-media-text-track-container {
  bottom: 2em;
}

and adjust the bottom value depending on your needs.

I will upgrade to Video.js 5.0 in a future release. A lot has changed, so I have a few weeks of testing to do before that happens.

Thanks, but at Mozilla I′ve got a similar problem. The subtitles are displayed at the middle of the player. At internet explorer the subtitles are not shown.

How can I solve this?

Video.js version 5.0 doesn’t help with any any of these problems. There aren’t any simple solutions yet. I recommend trying the WordPress Default player option, although the “default” option doesn’t really work in that player.

Thank you, is there a way to display the different encoding qualities at the wordpress default player?

No, but that does work with the JW Player. I’m still working on a solution to the Video.js subtitle styling, but it’s not going to be a quick fix.