敬告:此 demo 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,九游会国际-九游会真人第一品牌。
♦ js-sdk 引用方式:
♦ 普通网页 script 方式加载:下载最新版 ,请在页面上调用 jsbridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge
//在独立窗口播放视频链接 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.yimenyun.net/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.yimenyun.net/sys/player2.png', fullscreen: false, autoplay : true, theme : 'blue' });
请在 “视频播放器” 功能上勾选 “自动识别”,app将识别视频链接,自动调用播放全屏播放。
点击链接:
.mp4:
.m3u8:
rtmp:
可以将原生视频播放器嵌入 web 网页中,获得比 html5 video 标签更好的播放体验。