
小程序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|
小程序工具提供多类型商城/门店小程序制作,,,,,,可视化编辑 1秒天生5步上线。。。。。通过拖拽、拼接模???榻峁剐〕绦蛏坛且趁,,,,,,所看即所得,,,,,,只需要美工就能做出细腻商城。。。。。
KESION pp电子软件
KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商,,,,,,恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。。。KESION 一直通过手艺立异,,,,,,提供产品和服务,,,,,,助力企业向数字化转型,,,,,,通过科技驱动商业刷新,,,,,,让商业变得更智慧!
开发一个小程序分几种情形,,,,,,模板天生,,,,,,或者小程序代码开发,,,,,,或者有一定资金的可以举行小程序个性定制,,,,,,那么一般上来说微信小程序开发几多钱呢????...
在开发一个 小程序 项目时,,,,,,需要在页面中寓目视频,,,,,,就需要使用到微信小程序的腾讯视频插件,,,,,,这样就可以在页面中引用腾讯视频,,,,,,而无需使用自己的服务器举行视频的播放...