字幕文字的样式

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

字幕文字在视频上的显示,默认的样式是,文字是白色的,另外还带一个黑色的背景 …

JW Player 可以让我们为字幕文字添加一些简单的样式 … 比如文字的颜色和字号 …

回到网页项目上 … 我们可以以 tracks 参数的下面 .. 使用 captions 来设置字幕文字的样式..

先用一个逗号分隔一下 ..

然后输入 captions … 它的相关设置要放在一组大括号里 …

captions:{}

我们可以先去掉字幕文字的黑色的背景 …

输入 back … 把它设置为 false .. 也就是不使用背景颜色 …

去掉背景以后,字幕文字的周围会有黑色边框 … 不过这个边框的效果在 IE8 上是不支持的 …

逗号分隔 … 另起一行 … 我们再用 color ,去设置一下文字的颜色 …

color: '#5dade2',

这是一种蓝色 …

再用 fontsize … 设置一下字号..

fontsize: 25

保存 …

到浏览器上去看一下 …

你会发现,文字的背景不见了,颜色变成了一种蓝色… 文字的大小也有一些变化 …

字幕文字的样式《 JW Player 播放器 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点