Styling embedded texttracks

[riquich]

Hello everyone,

I am trying to modify the position of embedded texttracks on screen but I couldnot find a relevant API to do that. Is there a method to achieve this goal?

I see embedded text tracks appear and succesfully get decoded by dashjs and displayed on screen but they have zero padding to the bottom of the screen. I want to position them slightly above bottom but could not do it.

Here is what I want to do, red box is where I actually want the subtitles to be positioned:

Thanks in advance !

[dsilhavy]

I think you can use CSS as part of your app or add the styles directly to your WebVTT file: https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API#styling_webvtt_cues