18947 2012-09-21 08:02:19 +0000 WebVTT: Add CSS examples 2013-12-09 07:13:13 +0000 1 1 1 Unclassified TextTracks CG WebVTT unspecified PC All NEW v1 P2 normal --- 1 zcorpan silviapfeiffer1 ian mike public-texttracks silviapfeiffer1 dave.null oldest_to_newest 74181 0 zcorpan 2012-09-21 08:02:19 +0000 It would be good to have CSS examples showing how to use the different selectors, how to use karaoke, etc. /* use the same font family as in the surrounding page */ video::cue { font-family:inherit } /* cue id */ video::cue(#intro) { font-size:10vh } /* inline class */ video::cue(.code) { white-space:pre-wrap; font-family:monospace } /* voice */ video::cue(v[voice="Jim"]) { color:yellow } /* karaoke */ video::cue(c) { transition:linear 0.5s color } video::cue(c:past) { color:lime } 76798 1 silviapfeiffer1 2012-10-19 23:43:17 +0000 An example that demonstrates CSS escaped characters would be helpful, too. E.g. /* this is the cue */ 52 my cue identifier 00:00:52.000 --> 00:00:01:05.000 My cue text /* how to reference it in CSS */ ::cue(#\35 2\ my\ cue\ identifier)