How browsers display captions natively
Screenshots of native HTML5 captions display
All modern browsers have support for captions built in to video players. What they look like differs between browsers. Try this yourself with this Sandbox link.
Google Chrome
- Some padding between caption box and bottom of video
- Some padding in caption background box
- Caption background box is semi-transparent
Firefox
- No padding between caption box and bottom of video
- No padding in caption background box
- Caption background box is not transparent
Safari
- Some padding between caption box and bottom of video
- Some padding in caption background box
- Caption background box has rounded corners
- Caption background box is semi-transparent
Microsoft Edge
- Some padding between caption box and bottom of video
- Some padding in caption background box
- Caption background box is not transparent
Did this answer your question?
😞
😐
🤩