专注连锁门店会员营销管理系统
线上+线下+进销存+收银+会员2020-09-27 作者:黄珊
小程序video控件用来实现播放视频的效果,是小程序基本的系统组件,下面为大家介绍要如何使用。
一、属性
| 属性名 | 类型 | 默认值 | 说明 | 最低版本 |
|——–|——–|——–|——–|——–|
| src | String| | 要播放视频的资源地址 | |
| initial-time| String | | 指定视频初始播放位置| 1.6.0 |
| duration |Number|| 指定视频时长 | 1.1.0 |
| controls |Boolean |true| 是否显示默认播放控件(播放/暂停按钮、播放进度、时间)| |
| danmu-list |Object Array||弹幕列表 | |
| danmu-btn |Boolean|false | 是否显示弹幕按钮,只在初始化时有效,不能动态变更| |
| enable-danmu |Boolean|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||当开始/继续播放时触发play事件| |
|bindpause|EventHandle||当暂停播放时触发 pause 事件| |
|bindended|EventHandle||当播放到末尾时触发 ended 事件| |
|bindtimeupdate|EventHandle||播放进度变化时触发,event.detail = {currentTime, duration} 。触发频率 250ms 一次| |
|bindfullscreenchange|EventHandle||当视频进入和退出全屏是触发,event.detail = {fullScreen, direction},direction取为 vertical 或 horizontal| |
|objectFit|String|contain|当视频大小与 video 容器大小不一致时,视频的表现形式。contain:包含,fill:填充,cover:覆盖| 1.4.0|
|poster|String||视频封面的图片网络资源地址,如果 controls 属性值为 false 则设置 poster 无效| |
||||||
video 组件 默认宽度300px、高度225px,可通过wxss设置宽高。
三、相关实现api
1、wx.createVideoContext
创建并返回 video 上下文 videoContext 对象。在自定义组件下,第二个参数传入组件实例this,以操作组件内 video 组件
2、videoContext对象
videoContext 通过 videoId 跟一个 video 组件绑定,通过它可以操作一个 video 组件。
videoContext 对象的方法列表:
| 方法 | 参数 | 说明 | 最低版本 |
|——–|——–|——–|——–|
|play | 无| 播放 | |
|pause| 无| 暂停 | |
|seek | position| 跳转到指定位置,单位 s| |
|sendDanmu|danmu|发送弹幕,danmu 包含两个属性 text, color。||
|sendDanmu|danmu|发送弹幕,danmu 包含两个属性 text, color。||
|sendDanmu|danmu|发送弹幕,danmu 包含两个属性 text, color。||
|playbackRate|rate|设置倍速播放,支持的倍率有 0.5/0.8/1.0/1.25/1.5|1.4.0|
|requestFullScreen|无|进入全屏,可传入{direction}参数(1.7.0起支持),详见video组件文档|1.4.0|
|exitFullScreen|无|退出全屏|1.4.0|
HiShop小程序工具提供多类型商城/门店小程序制作,可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。
线上+线下+进销存+收银+会员门店零售管理好帮手
门店能实现快速收银,提升门店经营效率。
系统自带进销存管理,更好管理库存销售。
配备收银硬件一站式整体服务。
收 银 会员管理 库存管理 商品管理 交接班 数据报表 营销促单 售后处理 多种收款
获取报价推荐文章
最新消息总结,开发一个小程序我们可以选择的第三方框架有5种,大家比较熟悉的有美团小程序框架mpvue,还有组件化框架等...
最近在调研小程序的分享能力,本篇文档主要是调研小程序关于分享方面的玩法,目的是学习小程序在项目应用以及玩法链上...
许多人在使用小程序,会有一个很麻烦的事情,就是使用过小程序之后,会不断的发送自己的定位消息,那么这个小程序的...
一款小程序,很多时候需要调用内置的照相机,实现拍照并图片上传,那么要如何实现呢?...
服装店小程序制作流程 在数字化浪潮中,服装店制作小程序能拓展销售渠道、提升顾客体验。下面为您介绍其制作流程。 ...
服装店小程序会员卡管理系统百科 服装店小程序会员卡管理系统是一种依托微信小程序平台,专门为服装店打造的数字化管...
服装店小程序需要多少钱 服装店小程序的价格因开发方式、功能需求、设计要求等因素而有所不同。下面为你详细介绍。 ...
服装店收银系统是专为服装零售行业设计的管理软件,可处理从商品扫描、收款到库存管理等一系列流程,能有效提升服装店...
服装店小程序制作费用百科 在数字化浪潮中,不少服装店商家想借助小程序拓宽销售渠道。但制作服装店小程序要花多少钱...
1. 服装店小程序案例分析 以优衣库为例,其小程序掌上优衣库是服装行业小程序的优秀典范。优衣库通过小程序构建了以消...