Bug 93092 - add support for ::cue
Summary: add support for ::cue
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: Media (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL: http://ncamftp.wgbh.org/test/track/
Keywords:
Depends on:
Blocks:
 
Reported: 2012-08-03 04:56 PDT by geoff_freed
Modified: 2014-09-10 10:03 PDT (History)
2 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description geoff_freed 2012-08-03 04:56:01 PDT
In your WebVTT implementation, please add support for the ::cue pseudo element as specified at http://dev.w3.org/html5/webvtt/#the-'::cue'-pseudo-element .  This will allow authors to use CSS to style captions and subtitles that are displayed through the <track> element.
Comment 1 Silvia Pfeiffer 2014-09-09 14:46:40 PDT
This works just fine, e.g.

   <style>
    video::cue {color: lime;}
    video::cue(#\31\ first\ cue) {background-color: blue;}
    video::cue(v[voice="Tay Zonday"]) {color: red !important;}
    video::cue(:past) {color: lime;}
    video::cue(:future) {color: gray;}
    video::cue(c.brown) {color:brown; background-color: white;}
    </style>

On a file such as:

WEBVTT

1 first cue
00:00:10.000 --> 00:00:21.710
<v Tay Zonday>Chocolate Rain</v>

2
00:00:12.210 --> 00:00:21.710
<b>Some </b><i>stay </i><u>dry </u><c>and </c>others feel the pain

3
00:00:15.920 --> 00:00:21.170
<c.brown>Chocolate </c><u>Rain</u>

4
00:00:18.000 --> 00:00:21.170
<00:00:18.250><c>A </c><00:00:18.500><c>baby </c><00:00:19.000><c>born </c><00:00:19.250><c>will </c><00:00:19.500><c>die </c><00:00:19.750><c>before </c><00:00:20.500><c>the </c><00:00:20.750><c>sin</c>

6
00:00:21.180 --> 00:00:23.000
<00:00:21.200><c>Chocolate </c><00:00:21.500><c>Rain</c>

See: http://html5videoguide.net/NEW/CH4/code_c4_14.html
Comment 2 Eric Carlson 2014-09-10 10:03:57 PDT
I lost track of this bug. the ::cue pseudo element was added in r137955 for bug 10419