加载中 ...
首页 > 新闻资讯 > 小程序 正文

使用小程序video控件

2019-07-31 10:02:31 来源:沈阳小程序开发 作者:沈阳软件开发

21708-1P3291GH34A.jpg

小程序video控件用于实现播放视频的效果。它是小程序的基本系统组件。以下是如何使用它。

首先,属性

|物业名称|输入|默认|说明|最低版本|

—— - |—— - |—— - |—— - |—— - |

| src |字符串| |要播放的视频的资源地址|

|初始时间|字符串| |指定视频的初始播放位置1.6.0 |

|持续时间|数量||指定视频持续时间| 1.1.0 |

| controls |布尔值| true |是否显示默认播放控件(播放/暂停按钮,播放进度,时间)| |

| danmu-list |对象数组||项目符号列表| |

| danmu-btn |布尔| false |是否显示弹幕按钮,仅在初始化期间有效,无法动态更改|

| enable-danmu |布尔| false |是否显示弹幕,仅在初始化期间有效,无法动态更改|

| autoplay | Boolean | false |是否要自动播放| |

| loop | Boolean | false |循环播放| 1.4.0 |

| muted | Boolean | false |当前播放| 1.4.0 |

| page-gesture | Boolean | false |在非全屏模式下,是否启用亮度和音量调整手势| 1.6.0 |

| direction | Number ||设置全屏时视频的方向。如果未指定,将根据宽高比自动判断。有效值为0(垂直正常),90(逆时针旋转90度), - 90(顺时针旋转90度)| 1.7.0 |

| bindplay | EventHandle ||在开始/继续播放时触发播放事件|

| bindpause | EventHandle ||暂停播放时触发暂停事件| |

| bindended | EventHandle ||播放结束时触发结束事件| |

| bindtimeupdate | EventHandle ||在播放进度发生变化时触发,event.detail={currentTime,duration}。触发频率250ms一次| |

| bindfullscreenchange | EventHandle ||当触发视频进入和退出全屏时,event.detail={fullScreen,direction},方向被视为垂直或水平| |

| objectFit |字符串|包含|视频大小与视频容器大小不匹配时视频的表示形式。包含:包括填写:填写,覆盖:覆盖| 1.4.0 |

| poster | String ||视频封面的图像网络资源地址,如果controls属性值为false,则设置的海报无效| |

||||||

视频组件的默认宽度为300像素,高度为225像素。宽度和高度可以通过wxss设置。

三,api的相关实现

1,wx.createVideoContext

创建并返回视频上下文videoContext对象。在自定义组件下,第二个参数将传递给组件实例,以操作组件中的视频组件

2,videoContext对象

videoContext通过videoId绑定到视频组件,允许您操作视频组件。

videoContext对象的方法列表:

|方法|参数|说明|最低版本|

—— - |—— - |—— - |—— - |

|播放|没有|播放| |

|暂停|没有|暂停| |

|寻求|位置|跳转到指定位置,单位为s | |

| sendDanmu | danmu |发送弹幕,danmu包含两个属性文本,颜色。 ||

| sendDanmu | danmu |发送弹幕,danmu包含两个属性文本,颜色。 ||

| sendDanmu | danmu |发送弹幕,danmu包含两个属性文本,颜色。 ||

| playbackRate | rate |设置双倍速播放,支持的放大倍数为0.5/0.8/1.0/1.25/1.5 | 1.4.0 |

| requestFullScreen | None |进入全屏,你可以传递{direction}参数(从1.7.0支持),参见视频组件文档| 1.4.0 |

| exitFullScreen | None |退出全屏| 1.4.0 |

HiShop小程序工具提供多种类型的商城/商店小程序制作,可视化编辑1秒,在线生成5个步骤。通过拖动和拼接模块布局小程序商城页面,你可以看到你得到的东西,你只需要艺术家来制作一个漂亮的商场。

更多小程序开发案例可在以下网址获得:http://www.hvihi.com/xiaocx/kaifa.html

< 汇海(www.hvihi.com)是国内知名的商城系统和商城网站建设提供商,其中汇海技术小程序系统提供小程序商城开发,小程序配送系统,微分配系统,商城系统,电子商务网站建设, 微信发行系统,小程序商城及其他多端商场和电子商务行业解决方案>

确认:这个文件和图像源网络编辑器的网站部分,如果有侵权及时通信删除。 汇海hvihi.com网站原创文章,请注明出处。

“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。