:: cue CSS伪元素匹配所选元素中的WebVTT提示。这可以用于在VTT轨道的媒体中使用字幕和其他线索。

只有CSS一小部分属性可以与 :: cue 伪元素一起使用:

属性应用于整个提示集,就像它们是单个单元一样。唯一的例外是背景及其简写属性可以单独应用于每个提示,以避免创建框并遮盖意外大面积的媒体。

语法


::cue | ::cue( <selector> )

示例

以下CSS设置提示样式,使文本为白色,背景为半透明黑盒。


::cue {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
}

规范

规范 状态 注解
WebVTT: The Web Video Text Tracks Format Candidate Recommendation Initial definition

浏览器兼容性

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Basic supportChrome Full support YesEdge ? Firefox Full support 55
Notes
Full support 55
Notes
Notes Firefox currently does not support a parameter on ::cue.
IE No support NoOpera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android Full support 55Opera Android ? Safari iOS ? Samsung Internet Android ?

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown
See implementation notes.
See implementation notes.

参考

文档标签和贡献者

标签: 
此页面的贡献者: Render
最后编辑者: Render,