一门APP开发教程

标题: 一门app视频播放器js调用参数 [打印本页]

---

作者: viosw    时间: 2020-2-14 16:05
标题: 一门app视频播放器js调用参数
一门app视频播放器js调用参数
demo：https://www.yimenapp.com/doc/demo_video.cshtml

1.play 播放视频 A

1. //在独立窗口播放视频链接
   
2. jsBridge.video.play('http://player.alicdn.com/video/editor.mp4');

复制代码

2.play 播放视频 B

1. //在独立窗口播放视频链接
   
2. jsBridge.video.play({
   
3.   //视频链接，字符串类型，必须
   
4.   url       : 'http://player.alicdn.com/video/editor.mp4',
   
5.   //名称，字符串类型，可选，默认无
   
6.   title     : '一个测试视频',
   
7.   //封面图链接，字符串类型，可选，默认无
   
8.   cover     : 'http://s.yimenyun.net/sys/player.png',
   
9.   //是否全屏，布尔类型，可选，默认 true
   
10.   fullscreen: true,
    
11.   //是否自动播放，布尔类型，可选，默认 true
    
12.   autoplay  : true,
    
13.   //样式主题，字符串类型，可选，默认 blue
    
14.   //可用主题：
    
15.   //蓝色 blue
    
16.   //绿色 green
    
17.   //橙色 orange
    
18.   //红色 red
    
19.   theme     : 'blue'
    
20. });

复制代码

3.自动识别 识别视频链接，自动全屏播放

1. 请在 “视频播放器” 功能上勾选 “自动识别”，App将识别视频链接，自动调用播放全屏播放。
   
2. 
   
3. 点击链接：
   
4. 
   
5. .mp4: https://734.cdn-vod.huaweicloud.com/asset/c4aec16ec296cb8964f80845000cb958/play_video/fcb8827219c07153131eff228583e5a1_H.264_1280X720_HEAACV1_1500.mp4
   
6. 
   
7. 
   
8. .m3u8: http://gcqq450f71eywn6bv7u.exp.bcevod.com/mda-hiup6h1qdymgf3fe/mda-hiup6h1qdymgf3fe.m3u8
   
9. 
   
10. 
    
11. rtmp: rtmp://cyberplayerplay.kaywang.cn/cyberplayer/demo201711-L1

复制代码

4.高级用法 在 Web 页面中嵌入播放器
可以将原生视频播放器嵌入 Web 网页中，获得比 HTML5 Video 标签更好的播放体验。
https://www.yimenapp.com/doc/demo_video_page.cshtml

---

欢迎光临 一门APP开发教程 (https://bbs.yimenapp.com/)

Powered by Discuz! X3.4