Styling video captions

[TedA 36]

A question was asked elsewhere in the forum about using Custom CSS to style video captions.

 

I did some digging and it seems to be possible. My post over there:

 

 

You got me curious about styling these in css... It turns out you can!

 

https://developer.mo..._to_HTML5_video

 

The short version: If your are using a modern browser you should be able to style these by declaring a rule on the ::cue selector.

 

For example:

::cue {
  color: blue;
  background: white;
}

You can apparently change:

• color
• opacity
• text-decoration
• text-shadow
• background
• outline
• font
• white-space

Doing that in your custom CSS should allow you to modify these as you please. YMMV depending on your browser.

 

I don't have any files in my media library that have captions/subtitles. Would anybody be willing to test and confirm whether this is possible? I think it would be a cool use of the custom CSS functionality.

[TedA 36]

@@Poptartica confirmed this works!

 

You can style your subtitles/captions in the custom CSS