Clever Geek Handbook

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

+3


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;
}
0


source


Try the following:

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


In IOS7, it works correctly.

-3


source






More articles:


All Articles