如何自定义vimeo字幕的样式？

Question

我正在尝试删除vimeo字幕上的黑色背景。

我添加了一些CSS来覆盖默认样式，但似乎忽略了它。

.player .vp-captions>span {
    background: transparent !important;
    text-shadow: 2px 2px 2px black !important;
}

Answer 1

视频和其他视频播放器上的字幕来自.VTT .ASS或.SRT文件。看起来像这样。

1
00:02:26,407 --> 00:02:31,356  X1:100 X2:100 Y1:100 Y2:100
<font color="#00ff00">Detta handlar om min storebrors</font> 
<b><i><u>kriminella beteende och foersvinnade.</u></i></b>

2
00:02:31,567 --> 00:02:37,164 
Vi talar inte laengre om Wade. Det aer 
som om han aldrig hade existerat.

我怀疑您是否可以通过Vimeo API以编程方式设置字幕文件的样式，也可以提取字幕文件并用自己的样式重写字幕文件。

话虽如此，如果您正在html5播放器中播放视频，则可以覆盖样式。

很多内容创建者喜欢使用简单的在线视频编辑器将它们刻录到视频中