2017-10-31 2 views
2

Ich versuche, Beschriftungen auf einem Video-Element zu verstecken:Wie Hintergrund für :: Cue Pseudo-Element auf Safari ausblenden?

captions without css

Ich verwende den folgenden CSS:

video::cue { visibility: hidden; }

Es funktioniert gut in Chrome, sondern auf Safari es blendet den Text nur aus und rendert den Hintergrund der Beschriftung weiterhin so:

captions with visibility: hidden

Ich habe versucht, background: none als auch, aber es gibt keine Änderung. Wie sonst kann ich die Beschriftungen in Safari verbergen, neben der programmgesteuerten Änderung der Text-Track-Liste? Könnte das ein Safari Bug sein?

+0

'background-color' scheint ignoriert zu werden. Die Einstellung 'font-size: 0px' verkleinert die" Blase "in einen sehr kleinen Kreis, der jedoch nicht verschwindet. – tacospice

+0

fügen Sie einen Code oder Geige Link –

+0

https://jsfiddle.net/hsoLnj9L/1/ Ich bin in der gleichen Frage läuft auch. Ich möchte die Hintergrundfarbe für die VTT-Subs aktualisieren, scheint aber, dass diese Eigenschaft keinen Effekt hat. – NickFujita

Antwort

0

Ich denke, Sie müssen das Elternelement von video :: cue targetieren und es ausblenden. By the way display: none kann auch zum verstecken verwendet werden, obwohl ich nicht sicher bin

Verwandte Themen