Remove background HTML5-Video / WEBVTT subtitles on iOS iPhone / iPad

I have an HTML5 video with a webvtt subtitle track element. How to remove black background behind subtitles on iOS / iPhone / iPad? In browsers on PC, I can remove it with CSS :: cue {background: transparent;}

thanks for the help


source to share

2 answers

Safari uses -webkit-media-text-track-display-background for the background. Pay attention to! An important one that redefines the Safari style.

video::-webkit-media-text-track-display-backdrop {
  background-color: rgba(0,0,0,0) !important;




Try the following:

video::-webkit-media-text-track-display{background-color: transparent;} 


In IOS7, it works correctly.



All Articles