播放器的全局配置

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

Flowplayer 有一些配置选项,比如是否启用全屏的功能,快捷键,设置播放器的比例,模式,音量等等。

你可以根据自己的需求去设置,在这个地址里,你可以参考 Flowplayer 的所有的配置选项。

设置这些选项有两种方法,可以通过 Javasciprt ,或者使用 HTML 的 data 属性 …

不过如果你想设置播放器的全局的设置,我们需要使用 Javascript 的形式来设置 … 播放器的全局设置会影响到页面上所有的播放器 …

下面我们先演示一下全局设置的方法。

在嵌入 Flowplayer 脚本文件的下面 …. 我们可以去配置 Flowplayer 播放器的全局设置 …

先输入一组 <script> 标签 …

然后使用这样的形式来设置播放器 … 开始是 flowplayer 然后是一个点儿 … conf 代表配置选项 … 接着就是要具体配置的选项的名称 …

比如我们想让播放器默认的音量 … 相在的配置选项是 volume … 数字 1 ,表示 100% 的音量 ...

先输入配置选项的名称 volume … 然后是等号 … 等号后面是选项的具体的配置 … 这里我们设置成一个小数 .. 输入 0.8

保存 … 打开浏览器 …

先点一下播放按钮 … 在播放器的控制栏上,你会发现,默认的音量大概是 80% ...

因为我们使用的是全局设置的方法,所以,这个设置会影响到页面上所有的播放器 …

播放一下另外一个视频 … 默认的音量也是 80%

下面我们再去配置一个选项 … 在播放器的右上角有一个全屏的按钮 … 点击可以全屏幕播放视频 …

如果你不想使用这个全屏幕功能,我们可以关掉它 …

回到网页项目 …. 在配置播放器全局设置的地方 … 另起一行 … 输入 flowplayer.conf.embed … 意思就是我们要去设置一下播放器的嵌入选项 …

输入 flowplayer.conf.fullscreen

意思就是我们要去设置一下播放器的全屏幕选项 … 默认这个选项的值是 true … 也就是使用全屏幕功能。

这里我们设置为 false … 关掉这个全屏幕播放视频的功能。

true 就是开启某些设置,false 就是关掉某些设置 …

flowplayer.conf.fullscreen = false;

保存 …

回到浏览器 … 点击播放 …

现在播放器的右上角就不会显示那个全屏幕播放视频的按钮了 … 因为我们关掉了这个功能。

播放器的全局配置《 Flowplayer 播放器 》

统计

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

社会化网络

关于

微信订阅号

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