摘要：
支持多码率视频CyberPlayer使用CyberPlayer资源文件player├─cyberplayer.js└─cyberplayer.flash.swf新建demo.html,引入cyberplayer.js声明playerdiv,并初始化播放器varplayer=cyberplayer.setup;参数说明参数名称参数解释备注flashplayer指定flash播放器swf文件的存放地址，可以是相对路径，也可以http协议开头的绝对路径。省略该参数则自动在js所在路径寻找cyberplayer.flash.swf文件。
CyberPlayer 简介
CyberPlayer 是百度官方推出的用于开发网页播放器的软件开发工具包,其主要特点如下：
- 支持Flash与HTML5两种模式
- 支持广泛的流式视频格式，支持FLV/MP4等格式的渐进式和流式下载播放，支持基于RTMP/RTMPT等流式协议的视频流播放，支持播放使用Apple公司HTTP Live Streaming协议传输的流式视频（M3U8），并可自适应切换码率。
- 支持加密视频播放,播放内核实现了对AES128加密的HLS视频进行解密和播放，便于企业用户对视频内容进行加密保护。
- 支持多码率视频
- CyberPlayer 资源文件
player
├─ cyberplayer.js
└─ cyberplayer.flash.swf
- 新建 demo.html, 引入 cyberplayer.js
<script src="./js/cyberplayer.js"></script>
- 声明 player div, 并初始化播放器
<div id="dvplay"></div>
var player = cyberplayer("dvplay").setup({
flashplayer: "cyberplayer.flash.swf",
stretching: "uniform",
file: "视频源链接",
image: "视频源封面图片链接",
width: 400,
height: 300,
autostart: true,
repeat: false,
volume: 100,
controls: true,
controlbar: {
barLogo: false
}
});
- 参数说明
| 参数名称 | 参数解释 | 备注 |
|---|---|---|
| flashplayer | 指定flash播放器swf文件的存放地址，可以是相对路径，也可以http协议开头的绝对路径。省略该参数则自动在js所在路径寻找cyberplayer.flash.swf文件。 | 可选 |
| width | 指定要创建的播放窗口的宽度。 | 指定要创建的播放窗口的高度。必选 |
| height | 指定要创建的播放窗口的高度。 | 必选 |
| autostart | 设置是否在播放器载入后自动播放：true : 自动播放；false : 不自动播放。 | 可选 |
| repeat | 设置视频的重复播放模式，重复模式分为：1.false:无重复； 2.true:重复播放 | 可选 |
| file | 设置媒体流名称或文件名或M3U8播放列表地址 | 必选 |
| image | 设置媒体流的预览图 | 可选 |
| volume | 设置播放器音量大小，范围（0 - 100） | 可选 |
| controls | 设置播放器控制条的显示模式，显示模式分为：1.none:不显示；2.over:悬浮（鼠标无操作时自动隐藏） | 可选 |
| barLogo | 设置是否显示Logo，controls的子参数，可选值为true (显示)，false（不显示） | 可选 |
| skin | 设置播放器皮肤包 | 可选 |
| stretching | 设置播放器缩放方式，缩放方式分为：1.none:不缩放；2.uniform:添加黑边缩放；3. exactfit:改变宽高比缩到最大；4.fill:剪切并缩放到最大（默认方式为uniform） | 可选 |
作者：penggy
链接：https://www.jianshu.com/p/1ab09a69b6d0
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。