- From: Loretta Guarino Reid <lorettaguarino@google.com>
- Date: Tue, 23 Sep 2014 10:44:35 -0700
- To: "David (Standards) Singer" <singer@apple.com>
- Cc: Cyril Concolato <cyril.concolato@telecom-paristech.fr>, Silvia Pfieffer <silviapfeiffer1@gmail.com>, Nigel Megitt <nigel.megitt@bbc.co.uk>, TTWG <public-tt@w3.org>, "public-texttracks@w3.org" <public-texttracks@w3.org>
- Message-ID: <CAHu5OWYUJnOtRyT9-SRdAjOBV365HkZjyhGo=FivhT_j8N344A@mail.gmail.com>
I badly want inline stylesheets!
On Tue, Sep 23, 2014 at 10:23 AM, David (Standards) Singer <singer@apple.com
> wrote:
> LoL
>
> lots of discussion in april 2012
>
> <http://lists.w3.org/Archives/Public/public-texttracks/2012Apr/thread.html
> >
>
> and on into september
>
> <http://lists.w3.org/Archives/Public/public-texttracks/2012Sep/thread.html
> >
>
> meta-data in the VTT file header. I tried to make it easy to put either
> links to stylesheets or inline stylesheets…but it didn’t get accepted
>
>
> initial message here
> <http://lists.w3.org/Archives/Public/public-texttracks/2012Feb/0031.html>
>
> On Sep 23, 2014, at 1:34 , Cyril Concolato <
> cyril.concolato@telecom-paristech.fr> wrote:
>
> > Le 23/09/2014 03:42, Silvia Pfeiffer a écrit :
> >> On Tue, Sep 23, 2014 at 1:04 AM, Nigel Megitt <nigel.megitt@bbc.co.uk>
> wrote:
> >>>> 3.) CSS works by using ::cue and ::cue-region - the first for cues and
> >>>> the second for regions.
> >>>> These selectors work from a Web page (wherever CSS is specified there)
> >>>> and override default styling of WebVTT cues.
> >>> Is there a selector that can be used to distinguish cues within
> different
> >>> WebVTT resources referenced from the same HTML, so that it is possible
> to
> >>> style them differently?
> >>
> >> ::cue is a CSS pseudo-element, just like ::first-line or ::first-letter
> .
> >> It needs to have a CSS selector in front of it to apply.
> >>
> >> So, you should be able to apply it to different WebVTT files in
> >> different <track> elements.
> > Do you mean like that:
> >
> > <html>
> > <head>
> > <link rel="stylesheet" type="text/css" href="styles-en.css">
> > <link rel="stylesheet" type="text/css" href="styles-fr.css">
> > </head>
> > <body>
> > <video width="640" height="480" controls>
> > <source src="video.mp4" type="video/mp4" ></source>
> > <track src="styles-en.vtt" kind="subtitles" srclang="en"
> label="English"></track>
> > <track src="styles-fr.vtt" kind="subtitles" srclang="fr"
> label="French"></track>
> > </video>
> > </body>
> > </html>
> >
> > With styles-en.vtt:
> > WEBVTT
> >
> > 00:00:00.000 --> 00:00:02.000
> > <c.style1>This text uses style1
> >
> > 00:00:02.000 --> 00:00:04.000
> > <c.style2>This text uses style2
> >
> > and styles-fr.vtt
> > WEBVTT
> >
> > 00:00:00.000 --> 00:00:02.000
> > <c.style1>Ce texte utilise style1
> >
> > 00:00:02.000 --> 00:00:04.000
> > <c.style2>Ce texte utilise style2
> >
> > and styles-en.css
> > track[srclang=en] ::cue(.style1) {
> > color: red;
> > }
> >
> > track[srclang=en] ::cue(.style2) {
> > color: green;
> > }
> >
> > and styles-fr.css
> > track[srclang=fr] ::cue(.style1) {
> > color: pink;
> > }
> >
> > track[srclang=fr] ::cue(.style2) {
> > color: orange;
> > }
> >
> > If yes, this is not very nice because the content of CSS has to depend
> on the HTML to style the WebVTT cues. It would be a lot better if:
> > a) there was a reference from the WebVTT to the CSS (e.g. a header:
> style: myfile.css)
> > b) or it was possible to inline CSS in the VTT (e.g. in the header or in
> the cue settings)
> > c) or to have scoped stylesheet (not sure that still exists) placed the
> <track> element.
> >
> > Cyril
> >
> > --
> > Cyril Concolato
> > Multimedia Group / Telecom ParisTech
> > http://concolato.wp.mines-telecom.fr/
> > @cconcolato
> >
> >
>
> David Singer
> Manager, Software Standards, Apple Inc.
>
>
>
Received on Tuesday, 23 September 2014 17:45:02 UTC