::cue
Псевдоэлемент CSS ::cue соответствует репликам WebVTT в выбранном элементе. Он может быть использован для задания стилей титров и других реплик в медиа с VTT треками.
css
::cue {
color: yellow;
font-weight: bold;
}
Разрешённые свойства
Правила с ::cue в селекторе ограничены в использовании CSS-свойств следующим списком:
backgroundи его свойстваcolor(en-US)fontи его свойстваline-heightopacityoutlineи его свойстваruby-position(en-US)text-combine-upright(en-US)text-decoration(en-US) и его свойстваtext-shadowvisibilitywhite-space
Свойства применяются ко всему набору реплик, как если бы они были единым целым. Единственным исключением является background и его сокращённые свойства, которые применяются к каждой реплике отдельно, чтобы не создавать блоки, которые занимают неожиданно большие области медиа.
Синтаксис
Error: could not find syntax for this item
Пример
Следующий CSS устанавливает стили для реплик в виде белого цвета текста и полупрозрачного чёрного фона.
css
::cue {
color: #fff;
background-color: rgba(0, 0, 0, 0.6);
}
Спецификации
| Specification |
|---|
| WebVTT: The Web Video Text Tracks Format # the-cue-pseudo-element |
Совместимость с браузерами
BCD tables only load in the browser