We are going to enable the webvtt region preference soon. It is a very useful feature for the developer/content provider to place the caption in a specific area(region). And in the feature, we can apply css styles on it.
Related Bugs:
Bug 1415821 - [webvtt] support multi-line region parsing.
Bug 1338030 - [webvtt] implement the region functionality.
Bug 1415805 - [webvtt] enable region preference
Link to standard:
https://w3c.github.io/webvtt/#regions
Platform coverage:
All platforms
Target release:
Hopefully, FF59.
Preference behind which this is implemented:
"media.webvtt.regions.enabled"
Do other browser engines implement this?
Safari (I need to confirm)
Tests: WPT tests
Next:
1. The "1smooth scroll up" feature of region we are not implement yet. We need some works to achieve that which required by live caption.
Bug 1416143 - [webvtt] region scroll up functionality.
2. cue-region pseudo element
Bug 1338031 - [webvtt] implement the ::cue-region pseudo element