Hi, we’re using the media component with webVTT subtitles. In certain parts of the video, on-screen graphics appear, so we want to position the subtitles at the top of the screen. We’ve added position: top position-alignment: middle to the relevant line, but it makes no difference. How do we get the subs to the top?
It’s been a while since I worked with VTT files but I don’t think top is a valid value for position - nor is position-alignment a valid Cue Setting.
TBH it’s probably easiest to use a proper subtitle editing program to handle things like this, I always used to use Subtitle Edit (Windows-only). The very start of this video shows how to do that sort of positioning using Subtitle Edit.
(BTW it’s not Evolve that renders the subtitles, it’s the browser itself that does it)
1 Like