产品文档 点播技术文档 移动端h5视频点播SDK

移动端h5点播SDK

仅支持在手机上使用,播放格式为m3u8,PC不支持

1 引入js的方式

引入css文件 http://www.baijiacloud.com/m/asset/playback/player.css

引入js文件,http://www.baijiacloud.com/m/asset/playback/player.js

引入文件后生成全局的类 window.bjcPlayer

初始化

使用方法


/** * * @param {string} dom 容器的selector * @param {Object} param 初始化参数 */ var instance = new bjcPlayer(domSelector, param); // 初始化 instance.play(vid); // 播放视频(vid为视频id)

param参数说明

参数 类型 必填 默认 说明
token string - 后端给的
onplay Function 播放触发
onpause Function 播放暂停触发
onended Function 播放完成触发
onerror Function 播放错误触发
ontimeupdate Function 播放时间更新触发,秒为单位
onseeked Function 用户seek行为以后触发,秒为单位

方法

     instance.play(vid); // 播放指定视频 

     instance.seek(time);  // time单位是秒,指定位置播放

     instance.pause()   // 播放暂停

     instance.resume()  // 暂停后重新播放

     instance.getCurrentTime()  // 获取当前播放的时间,返回值单位是秒

示例


<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>百家云播放器sdk demo</title> <link href="http://www.baijiacloud.com/m/asset/playback/player.css" rel="stylesheet"> </head> <body> <div id="main" style="width:100%;height:500px"></div> <script src="http://www.baijiacloud.com/m/asset/playback/player.js"> </script> <script> var player = new bjcPlayer('#main', { token: 'Jn3SZuoZ03g3S3PxCaNttRb33AcPu-poL5ZQra9b5SYxuSba8SBafg', definition: 'low', // hign 高清 low 低清 onended: function () { // console.log('onended'); }, onplay: function () { // console.log('onplay'); }, onpause: function () { // console.log('onpause'); }, onerror: function (e) { console.log('onerror'); console.log(e); }, ontimeupdate: function (time) { console.log('ontimeupdate-->' + time); }, onseeked: function (time) { console.log('onseeked-->' + time); } }); player.play('5153273'); </script> </body> </html>

2 用iframe嵌入的方式

http://api.baijiacloud.com/m/video/player?vid=123&token=121212