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
Baumi
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
Bimmywinny
source
to share
Try the following:
video::-webkit-media-text-track-display{background-color: transparent;}
In IOS7, it works correctly.
-3
Edgar Bentkovskiy
source
to share