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

Posted

技术标签:

【中文标题】如何自定义 vimeo 字幕的样式?【英文标题】:How to customize the style of the vimeo subtitles? 【发布时间】:2019-08-14 16:46:40 【问题描述】:

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

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

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

【问题讨论】:

【参考方案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 播放器中播放视频,您可以覆盖样式。

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

【讨论】:

以上是关于如何自定义 vimeo 字幕的样式?的主要内容,如果未能解决你的问题,请参考以下文章

Vimeo 嵌入:自定义播放按钮工作。如何添加暂停按钮?

如何在字幕文件中加载外部或自定义字体

使用自定义字段从 Youtube 或 Vimeo 嵌入背景视频

Youtube API - 如何使用自定义控件打开/关闭字幕,更改语言?

如何将自定义字体设置为 android 工具栏的字幕?

html Vimeo Video自定义暂停播放按钮,从给定时间开始