如果您使用覆盖在视频上的自定义视频控件以及轨道元素。字幕通常显示在这些控件下方(尤其是在 Safari6 或 Opera.next 中)。
有没有一种好方法(即 CSS 或不太好的 JS)将字幕放置在控件上方。
我知道您可以直接在 WebVTT 文件中更改行位置,但这并不合适,因为 WebVTT 文件中的字幕放置是“语义的”,而我需要的位置定义取决于播放器的布局。(一旦你改变了播放器的皮肤,就改变 WebVTT 文件并没有什么意义)。
目前,所有支持轨道元素的自定义媒体控制脚本,只需删除本机实现并处理显示他们自己的提示,这对我来说并不是 polyfill 的真正意义。