针对个别播放器的设置

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

我们不但可以设置播放器的全局设置,还可以单独为页面上的每一个播放器去设置选项 … 单独为播放器的设置去覆盖掉全局设置。

针对个别播放器的设置可以通过 Javascript 的方式,也可以使用 HTML 的 data 属性的方式 …

先看一下用 Javascript 的方式 …

当前我们的页面上有两个播放器,每个播放器上设置了不同的 CSS 类 .. .player-1 …. 还有 .player-2

在播放器的设置我们手工设置安装了这两个播放器 … 注意手工安装 flowplayer 的代码在一个 $() 里的 function 后面的大括号里 …

它的作用就是,当网页准备好以后,才会执行这个大括号里的代码 … 这样可以保证能成功的安装 flowplayer 。

下面我们可以单独设置一下 .player-2 这个播放器

在这个 . flowplayer 这个括号里 … 先输入一组大括号 … 然后在这个大括号里,可以去配置播放器的相关选项 …

现在播放器的全局设置里,关掉了播放器的全屏幕功能 …

下面我们可以单独让 .nh-player-2 这个播放器开启这个全屏幕的功能 …

输入要配置的选项 …. fullscreen … 后面是一个冒号 … 冒号右边是要设置的值 … 这里我们设置为 true …

这样 .player-2 这个播放器就会启用全屏幕播放的功能 …

保存一下 …. 回到浏览器上 …

我们先看一下第一个播放器 …

点击播放 … 播放器右上角没有全屏幕的图标 … 说明这个播放器仍然会去使用全局设置里配置的选项 …

再看一下右边这个播放器 … 点击播放 …

在这个播放器的右上角,会有这个全屏幕的图标 ….

因为我们单独为这个播放器添加了配置的选项 … 开始了全屏幕功能 .. 单独为播放器做的设置为覆盖掉全局里的设置。

所以这里会显示这个全屏幕的图标 …

针对个别播放器的设置《 Flowplayer 播放器 》

统计

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

社会化网络

关于

微信订阅号

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