HTML and CSS Reference
In-Depth Information
The following is the CSS for the two class names used in the markup. The CSS is included
in a regular CSS stylesheet attached to the same page as the video element with the associate
WebVTT track:
<style>
.grateful
{
background-color: orange;
color: black;
}
.blood
{
color: red;
font-weight: bold;
}
One potential new change for WebVTT under consideration is being able to embed style set-
tings directly in the WebVTT file. These style settings, though, wouldn't be for use with
HTML5 web video use, since we can add CSS via the web page. They're more for other ap-
plications, such as Quicktime that don't support CSS.
Figure 23
shows the video playing in Opera, and the rather lurid use of font color to highlight
the word “blood”.
