Dynamically position and style the caption. Read more about how this is done.
A simple, straightforward representation of these settings. Read the spec for optional ways to apply some cue settings in WebVTT.
Classes are available for using a cue class span. You can use the classes red, blue, green, and yellow.
To change the background-color of the cue you can use the classes background-red, background-blue, background-green, and background-yellow.
<c.red>This text is red</c>
Classes can be chained.
<c.red.background-yellow>This text is red with a yellow background</c>
Of course in your own applications you can use whatever class names and styling as you want.
Here's an area where you can add styles that will apply to every cue. You can find out which styles can be applied to cues. Styling only works in Chrome, Opera, and Safari.
2014-10-21 Use the track load event before trying to set things up.