<div id="playercontainer"></div>
<script type="text/javascript" src="player/cyberplayer.js"></script>
<script type="text/javascript">
var player = cyberplayer("playercontainer").setup({
width: 680, // 宽度,也可以支持百分比(不过父元素宽度要有)
height: 448, // 高度,也可以支持百分比
title: "基本功能", // 标题
file: "http://gcqq450f71eywn6bv7u.exp.bcevod.com/mda-hbqagik5sfq1jsai/mda-hbqagik5sfq1jsai.mp4", // 播放地址
image: "http://gcqq450f71eywn6bv7u.exp.bcevod.com/mda-hbqagik5sfq1jsai/mda-hbqagik5sfq1jsai.jpg", // 预览图
autostart: false, // 是否自动播放
stretching: "uniform", // 拉伸设置
repeat: false, // 是否重复播放
volume: 100, // 音量
controls: true, // controlbar是否显示
starttime: 0, // 视频开始播放时间点(单位s),如果不设置,则可以从上次播放时间点续播
logo: { // logo设置
linktarget: "_blank",
margin: 8,
hide: false,
position: "top-right", // 位置
file: "./img/logo.png" // 图片地址
},
ak: "xxxxxxxxxxxxxxxx" // 公有云平台注册即可获得accessKey
});
</script>
参数名称 | 参数解释 | 备注 |
---|---|---|
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
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。