Summary:
We are going to support ::cue(with no argument) pseudo-element for webvtt.
It allows styling the webvtt subtitle/caption text during video playback.
Bug:
https://bugzilla.mozilla.org/show_bug.cgi?id=1318542
Spec:
https://w3c.github.io/webvtt/#the-cue-pseudo-element
Platform coverage:
All platforms
Estimated or target release:
Firefox 55
Preference:
media.webvtt.pseudo.enabled, default is true.
DevTools bug:
None.
Do other browser engines implement this?
Yes, chrome, safari, opera
Web Developer Use-Cases:
write the ::cue style block in the document, then ::cue rules will be applied to the .vtt subtitle. Note that the ::cue style block can only appear in document, not in vtt file (not support yet).
<style>
::cue {
...
}
</style>
<video v>
<track src="subtitle.vtt">
</video>
Tests:
web-platform/tests/webvtt/rendering/cues-with-video/processing-model/selectors/*
Tests under the folder are disabled now, I'm going to enable/fix them.