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;
保存 …
回到浏览器 … 点击播放 …
现在播放器的右上角就不会显示那个全屏幕播放视频的按钮了 … 因为我们关掉了这个功能。