html - 使用 Webvtt 的字幕中的 HTML5 图形

Question

我试图<track>在 HTML5 中的 -Element 显示的视频字幕（Webvtt 格式）中实现很少的图形（使用 Chrome）。到目前为止，我使用 CSS 进行了尝试，content:url()但background-image:url()没有成功。有人对我如何解决我的问题有任何想法或提示吗？

提前致谢

Answer 1

像这样使用 ::cue 选择器：

::cue {
  color: #FFF;
  background: transparent;
  text-shadow: black 0 0 0.2em;
  font: 1.2em sans-serif;
}

Answer 2

1/你可以尝试使用z-index在video标签上添加div，不要使用track。2/然后你编写javascript函数用你的字幕更新div 3/你可以'css'它;）