You can define text color in a WebVTT file with the following syntax.
Warpwire's video and audio player supports some WebVTT custom formatting, including text color and background color.
Text Color
![Replace Me](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/16123158047/original/38P6z7JbSZfDVCyYniVKzWdcejVrM_Y_IA.png?1717188373)
Background Color
You can define text background color in a WebVTT file with the following syntax.
![Replace Me](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/16123158058/original/_mB7_VOf4zKZYWgNQAlVXhiwX3dNuKiqQw.png?1717188411)
Text and Background Color
Here's an example with both text color and text background color defined.
![Replace Me](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/16123158157/original/zZogs_XowZXueXE7prWqKCismZtIpwS5XA.png?1717188550)
Here's a visual look at captions with the above configuration.
![Replace Me](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/16123158338/original/HbyPSDtHvExcs4iRubHxrq0ICsImhx7lpg.jpeg?1717188781)
The following colors are supported. Use the class name in your VTT file.
![Replace Me](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/16123158352/original/EpB7kMr2aW_7Did9iCoZFoz0AYh1wfzY5w.png?1717188798)
Last modified May 31, 2024
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article