敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多。
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20251019.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
                
                
                
                
                
                
                
                
//添加播放器,获得 playerId
jsBridge.video.addPlayer({
  //必须,数字类型,指定播放器定位置(px)
  top   : 0,
  left  : 0,
  //必须,数字类型,宽度(px), -1 为适应屏幕宽度
  width : -1,
  //必须,数字类型,高度(px),-1 为适应屏幕高度
  height: playerPlaceHolder.height(),
  //可选,布尔类型,全屏的时候是否保持屏幕方向不变
  //默认 false 强制横屏
  //true 保持屏幕方向不变
  originalFullScreen: false,
  //可选主题 blue, green, orange, red
  theme : 'blue',
  //可选,播放器事件,如不接收事件可不提此属性
  //回调参数:
  //playerId 整数类型,播放器id(必有)
  //event 整数类型,事件(必有),参考事件说明
  //data 事件对应的数据(可选)
  onEvent: function(playerId, event, data) {
    console.log(playerId, event, data);
  }
}, function(playerId) {
  if (playerId > 0) {
    alert(playerId);
  } else {
    alert("添加失败");
  }
});
/*
onEvent 回调参数 event 事件说明:
1  E_Started     已开始播放
2  E_Paused      已暂停
3  E_Stopped     已停止
4  E_FullScreen  进入全屏
5  E_SmallScreen 退出全屏
10 E_Prepared          已缓冲完成,可立即播放
11 E_Completed         已播放结束
12 E_AutoPlay          开始自动播放
13 E_Replay            开始重播
14 E_TimeExpired       加载超时
15 E_FirstFrameStart   显示首帧
16 E_SeekCompleted     寻时完成
17 E_BufferingUpdated  更新缓冲区
99 E_Error             错误
*/
                        //从当前网页移除指定的播放器 jsBridge.video.removePlayer(playerId);
jsBridge.video.resource({
  //指定播放器id,数字类型,必须
  //即调用 addPlayer 返回的 id
  player  : playerId,
  //视频链接,字符串类型,必须
  url     : 'http://player.alicdn.com/video/editor.mp4',
  //名称,字符串类型,可选,默认无
  title   : '测试视频',
  //封面图链接,字符串类型,可选,默认无
  cover   : 'https://i.cdn.yimenapp.com/sys/player.png',
  //是否自动播放,可选,默认 true
  autoplay: true
});
                        //播放 jsBridge.video.start(playerId);
//暂停 jsBridge.video.pause(playerId);
//停止 jsBridge.video.stop(playerId);
//全屏 jsBridge.video.fullScreen(playerId);