敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多。
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20251019.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
//在独立窗口播放视频链接
jsBridge.video.play('http://player.alicdn.com/video/editor.mp4');
//旋转为横屏
jsBridge.video.play({
//视频链接,字符串类型,必须
url : 'http://player.alicdn.com/video/editor.mp4',
//名称,字符串类型,可选,默认无
title : '一个测试视频',
//封面图链接,字符串类型,可选,默认无
cover : 'http://i.cdn.yimenapp.com/sys/player.png',
//是否横屏全屏,布尔类型,可选,默认 true
//true 旋转为横屏,false 保持当前屏幕方向不变
fullscreen: true,
//是否自动播放,布尔类型,可选,默认 true
autoplay : true,
//样式主题,字符串类型,可选,默认 blue
//可用主题:
//蓝色 blue
//绿色 green
//橙色 orange
//红色 red
theme : 'blue'
});
//屏幕方向不变
jsBridge.video.play({
url : 'https://734.cdn-vod.huaweicloud.com/asset/c4aec16ec296cb8964f80845000cb958/play_video/fcb8827219c07153131eff228583e5a1_H.264_1280X720_HEAACV1_1500.mp4',
title : '一个测试视频',
cover : 'http://i.cdn.yimenapp.com/sys/player2.png',
fullscreen: false,
autoplay : true,
theme : 'blue'
});
请在 “视频播放器” 功能上勾选 “自动识别”,App将识别视频链接,自动调用播放全屏播放。
点击链接:
.m3u8: http://gcqq450f71eywn6bv7u.exp.bcevod.com/mda-hiup6h1qdymgf3fe/mda-hiup6h1qdymgf3fe.m3u8
rtmp: rtmp://cyberplayerplay.kaywang.cn/cyberplayer/demo201711-L1