我们不但可以设置播放器的全局设置,还可以单独为页面上的每一个播放器去设置选项 … 单独为播放器的设置去覆盖掉全局设置。
针对个别播放器的设置可以通过 Javascript 的方式,也可以使用 HTML 的 data 属性的方式 …
先看一下用 Javascript 的方式 …
当前我们的页面上有两个播放器,每个播放器上设置了不同的 CSS 类 .. .player-1 …. 还有 .player-2
在播放器的设置我们手工设置安装了这两个播放器 … 注意手工安装 flowplayer 的代码在一个 $() 里的 function 后面的大括号里 …
它的作用就是,当网页准备好以后,才会执行这个大括号里的代码 … 这样可以保证能成功的安装 flowplayer 。
下面我们可以单独设置一下 .player-2 这个播放器
在这个 . flowplayer 这个括号里 … 先输入一组大括号 … 然后在这个大括号里,可以去配置播放器的相关选项 …
现在播放器的全局设置里,关掉了播放器的全屏幕功能 …
下面我们可以单独让 .nh-player-2 这个播放器开启这个全屏幕的功能 …
输入要配置的选项 …. fullscreen … 后面是一个冒号 … 冒号右边是要设置的值 … 这里我们设置为 true …
这样 .player-2 这个播放器就会启用全屏幕播放的功能 …
保存一下 …. 回到浏览器上 …
我们先看一下第一个播放器 …
点击播放 … 播放器右上角没有全屏幕的图标 … 说明这个播放器仍然会去使用全局设置里配置的选项 …
再看一下右边这个播放器 … 点击播放 …
在这个播放器的右上角,会有这个全屏幕的图标 ….
因为我们单独为这个播放器添加了配置的选项 … 开始了全屏幕功能 .. 单独为播放器做的设置为覆盖掉全局里的设置。
所以这里会显示这个全屏幕的图标 …