自定义播放器水印标志(付费版)

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

付费版的 JW Player 允许我们在播放器上添加自己的水印图像 … 先准备好水印图像 … 可以使用 png 格式的图像 … 因为这样的格式可以保留透明效果 …

在资料包里找到 watermark.png 这个图像 … 把它放在网页项目里的 player 这个目录的下面 …

打开网页项目 … 我们用 logo 参数,去定义水印图像 … 因为 logo 参数里还包含很多参数,这些参数可以放在一个大括号里 …

先用 file 参数来定义一下水印图像的路径 … 是在 player 下面的 watermark.png 这个文件 …

用逗号分隔一下 … 另起一行 … 再用 link 参数来设置一下水印的链接 .. 也就是用户点击水印,把用户带到的那个链接的地址 …

保存 ….

在播放器上你会发现这个自定义的水印图像 … 默认会在右上角的位置 …

我们可以用 margin 参数来控制水印的边距 … 用 position 来控制水印的位置 …

输入 margin … 默认的边距是 8 像素 … 这里我们设置为 20 像素 …

然后另起一行,再输入 position …. 这个参数的值可以配合 top 顶部,bottom 底部,另外还有 left 左边,和 right 右边 …

比如我们想让水印图像出现在播放器的右下角的位置 … 我们可以把 position 的值设置成 bottom-right …

保存 …

你会看到,水印图像会在播放器的右下角 …

如果你想使用自定义水印的话,最好还是把它放在默认的右上角的位置 … 这样水印不会影响到控制栏,字幕,或者播放器上的其它东西的显示 ….

logo: {
file: 'watermark.png',
link: 'http://ninghao.net'
},

logo: {
file: 'watermark.png',
link: 'http://ninghao.net',
margin: 20,
position: "bottom-right"
},

自定义播放器水印标志(付费版)《 JW Player 播放器 》

统计

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

社会化网络

关于

微信订阅号

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