微信小程序 视频 组件
video 组件 视频组件 相关的api :wx.createVideoContext
支持的格式:

支持的编码格式

video 组件的属性:
src:类型 字符串 必填 要播放视频的资源地址 (支持云文件ID)
duration:类型 数字 指定视频的时长
controls:类型 布尔 是否显示默认控件(播放/暂停按钮、播放进度、时间)
danmu-list:类型 array/object 弹幕列表
danmu-btn:类型 布尔 是否显示弹幕按钮,只在初始化有效,不能动态变更
enable-danmu:类型 布尔 是否展示弹幕,只在初始化有效,不能动态变更
autoplay:类型 布尔 是否自动播放
loop:类型 布尔 是否循环播放
muted:类型 布尔 是否静音播放
initial-time:类型 数字 指定视频初始播放位置
direction:类型 数字 设置全屏时视频的方向,不指定则根据宽高比自动判断
属性值:0 正常竖向
90 屏幕逆时针90度
-90 屏幕顺时针90度
show-progress:类型 布尔 若不设置,宽度大于240时才会显示
show-fullscreen-btn:类型 布尔 是否显示全屏按钮
show-play-btn:类型 布尔 是否显示视频底部控制栏的播放按钮
show-center-play-btn:类型 布尔 是否显示视频中间的播放按钮
enable-progress-gesture:类型 布尔 是否开启控制进度的手势
object-fit:类型 字符串 当视频大小与 video 容器大小不一致时,视频的表现形式
属性值:contain 包含
fill 填充
cover 覆盖
poster:类型 字符串 视频封面的图片网络资源地址或云文件id,若 controls 为 false 此属性无效
show-mute-btn:类型 布尔 是否显示静音按钮
title:类型 字符串 视频的标题,全屏时在顶部展示
play-btn-position:类型 字符串 播放按钮的位置
属性值:bottom controls bar 上
center 视频中间
enable-play-gesture:类型 布尔 是否开启播放手势,即双击切换播放/ 暂停
auto-pause-if-navigate:类型 布尔 当跳转其他小程序页面时,是否自动暂停本页面的视频
auto-pause-if-open-native:类型 布尔 当跳转到其他微信原生页面时,是否自动暂停本页面的视频
vslide-gesture:类型 布尔 在非全屏下是否开启 亮度与音量的调节手势
vslide-gesture-in-fullscreen:类型 布尔 在全屏下是否开启 亮度与音量的调节手势
事件:
bindplay:当开始 / 继续时触发的 play 事件
bindpause:当暂停播放时触发的 pause 事件
bindended:当播放到末尾时触发的 ended 事件
bindtimeupdate:播放进度变化时触发 ,触发频率 250ms 一次
bindfullscreenchange:视频进入和退出全屏时触发
bindwaiting:视频出现缓冲时触发
binderror:视频播放出错时触发
bindprogress:加载进度变化时触发,只支持一段的加载
微信小程序 视频 组件的更多相关文章
- 解决微信小程序视频组件层级过高的问题
本文首发于我的个人博客:http://www.fogcrane.org 前言 在微信小程序的开发中,总有一些"VIP"组件,他们的层级,高得让人抓狂,总是凌驾于很多其他低层级组件之 ...
- 微信小程序的组件总结
本文介绍微信小程序的组件 视图容器 基础内容 表单组件 导航组件 媒体组件 视图容器 view 布局容器 <view hover-class='bg'>222</view> 可 ...
- 微信小程序视频地址
微信小程序视频系列教程完整版,课程中用到的源码附在帖子最后. [url=http://bbs.larkapp.com/forum.php?mod=viewthread&tid=5673][b] ...
- 微信小程序image组件binderror使用例子(对应html、js中的onerror)
官方文档 binderror HandleEvent 当错误发生时,发布到 AppService 的事件名,事件对象event.detail = {errMsg: 'something wrong' ...
- 微信小程序倒计时组件开发
今天给大家带来微信小程序倒计时组件具体开发步骤: 先来看下最终效果: git源:http://git.oschina.net/dotton/CountDown 分步骤-性子急的朋友,可以直接看最后那段 ...
- 微信小程序input组件抖动及textarea组件光标错位解决方案
问题一: 使用微信小程序input组件时,在移动端唤起focus或blur事件时,因光标占位导致内容出现叠影及抖动现象. 解决方案: 用<textarea>组件代替了<input/& ...
- 5个最优秀的微信小程序UI组件库
开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果.自从微信小程序面世以来,不断有一些开源组件库出来,下面5款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库.还没用到它 ...
- 微信小程序弹窗组件
概述 自己封装的一个比较简单微信弹窗小组件,主要就是教会大家对微信小组件的用法和理解,因为微信小程序对组件介绍特别少,所以我就把自己的理解分享给大家 详细 代码下载:http://www.demoda ...
- Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库
Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库 文档 https://phonycode.github.io/wuss-weapp 扫码体验 使用微信扫一扫体验小程序组 ...
随机推荐
- [JavaScript] es6规则总结
let 和 const let 是块级作用域 let 声明的变量只在其所在的作用域内生效 <script> { var today = "周3"; let yester ...
- flutter-常见的基础组件(一)
flutter 1.Text 文本组件 Text( 'czklove', //文本上的文字 style: TextStyle( // style 代表对文字的描述 fontSize: 18, //文字 ...
- php实用小技巧【持续更新】
这是本人开始做项目的时候遇到过的问题还有解决方法 1.eval函数 能把字符串转换成可执行的php代码,如果字符串不是可执行的php代码的话,需要在前面加上@,屏蔽notice 2.array_mer ...
- html 常用小技巧
style = "cursor:pointer;" 变小手 a{ text-decoration:none; } 或者把这个属性分别加到a标签下, a:link{ text-dec ...
- lvs工作方式和调度算法
LVS工作原理可以简单理解为: Lvs工作在内核空间,本身工作在input链上,与iptable不能同时用. LVS: ipvsadm :管理集群服务的工具,用来写规则 Ipvs 工作在内核. 工作原 ...
- string::front
char& front(); const char& front() const;功能:返回string对象的首个字符,可以改变它的值 #include <string># ...
- 七、设备驱动中的阻塞与非阻塞 IO(一)
7.1 阻塞与非阻塞 IO 阻塞操作是指在执行设备操作的时候,若不能获取资源,则挂起进程直到满足可操作的条件后再进行操作.被挂起的进程进入睡眠状态,被从调度器的运行队列移走,直到等待的条件被满足. 非 ...
- 跨站请求伪造CSRF:攻击与防御
CSRF是什么 (Cross Site Request Forgery, 跨站域请求伪造)是一种网络的攻击方式,它在 2007 年曾被列为互联网 20 大安全隐患之一,也被称为&quo ...
- 搭建 MySQL 5.7.19 主从复制,以及复制实现细节分析
主从复制可以使MySQL数据库主服务器的主数据库,复制到一个或多个MySQL从服务器从数据库,默认情况下,复制异步; 根据配置,可以复制数据库中的所有数据库,选定的数据库或甚至选定的表. Mysql ...
- python接口自动化一(发送get请求)
一.环境安装 1.用pip安装requests模块 >>pip install requests 二.get请求 1.导入requests后,用get方法就能直接访问url地址,如:htt ...