默认字幕在视频上显示的样式是，字幕的文字是白色，还有一个透明的灰色的背景。下面我们去修改一下这个字幕的样式。 Flowplayer 会把字幕内容放在一个带有 .fp-subtitle 类的 <div> 标签里…

字幕的文字内容会用段落标签来包围…

我们可以去覆盖 flowplayer 默认为这个类添加的样式 …

打开网页项目的样式表 … 因为我们要去覆盖原有的 .fp-subtitle 类的样式 … 所以样式的选择器应该拥有更高级别的拥先权 …

可以这样来写 …

开始用播放器容器上定义的类名 … 这里我们用的是 .nh-player-1 … 然后空格 .. 再输入 .fp-subtitle … 后面再加上一个 p

这样在这里定义的样式，就会覆盖掉原有的 .fp-subtitle 下面的 <p> 标签的样式了 … 也就是字幕文字的样式

可以先用 font-size … 修改一下字幕文字的大小 …

font-size:25px;

你也可以改变文字背景的颜色 …

background:#0482ff;

可以用 opacity 来控制字幕文字的不透明度 … 0.5 … 0.9 ...

opacity: 0.9;

或者我们可以去掉文字的背景 … background:none;

然后再给文字添加点阴影的效果 ….

text-shadow: 1px 1px 1px #000000;