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:加载进度变化时触发,只支持一段的加载

微信小程序 视频 组件的更多相关文章

  1. 解决微信小程序视频组件层级过高的问题

    本文首发于我的个人博客:http://www.fogcrane.org 前言 在微信小程序的开发中,总有一些"VIP"组件,他们的层级,高得让人抓狂,总是凌驾于很多其他低层级组件之 ...

  2. 微信小程序的组件总结

    本文介绍微信小程序的组件 视图容器 基础内容 表单组件 导航组件 媒体组件 视图容器 view 布局容器 <view hover-class='bg'>222</view> 可 ...

  3. 微信小程序视频地址

    微信小程序视频系列教程完整版,课程中用到的源码附在帖子最后. [url=http://bbs.larkapp.com/forum.php?mod=viewthread&tid=5673][b] ...

  4. 微信小程序image组件binderror使用例子(对应html、js中的onerror)

    官方文档  binderror HandleEvent 当错误发生时,发布到 AppService 的事件名,事件对象event.detail = {errMsg: 'something wrong' ...

  5. 微信小程序倒计时组件开发

    今天给大家带来微信小程序倒计时组件具体开发步骤: 先来看下最终效果: git源:http://git.oschina.net/dotton/CountDown 分步骤-性子急的朋友,可以直接看最后那段 ...

  6. 微信小程序input组件抖动及textarea组件光标错位解决方案

    问题一: 使用微信小程序input组件时,在移动端唤起focus或blur事件时,因光标占位导致内容出现叠影及抖动现象. 解决方案: 用<textarea>组件代替了<input/& ...

  7. 5个最优秀的微信小程序UI组件库

    开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果.自从微信小程序面世以来,不断有一些开源组件库出来,下面5款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库.还没用到它 ...

  8. 微信小程序弹窗组件

    概述 自己封装的一个比较简单微信弹窗小组件,主要就是教会大家对微信小组件的用法和理解,因为微信小程序对组件介绍特别少,所以我就把自己的理解分享给大家 详细 代码下载:http://www.demoda ...

  9. Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库

    Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库 文档 https://phonycode.github.io/wuss-weapp 扫码体验 使用微信扫一扫体验小程序组 ...

随机推荐

  1. 解决Response.AddHeader中文乱码问题

    string filename = HttpUtility.UrlEncode(Encoding.UTF8.GetBytes("培训班自然情况表")); Response.AddH ...

  2. centos7配置fastdfs集群(5.09)

    centos7配置fastdfs集群(5.09) 2017年03月10日 23:34:26 带鱼兄 阅读数 1564    版权声明:本文为博主原创文章,转载请注明出处. https://blog.c ...

  3. 一分钟理解sku和spu

    SPU SPU = Standard Product Unit (标准化产品单位) SPU是商品信息聚合的最小单位,是一组可复用.易检索的标准化信息的集合,该集合描述了一个产品的特性.通俗点讲,属性值 ...

  4. js实现简单进度条

    主要用到的 offsetWidth 属性,定时器. <!DOCTYPE html> <html> 3 <head> <meta http-equiv=&quo ...

  5. Json解析报错: Error is : Unescaped control character...的解决方法

    在利用json-framework来实现json解析的过程时,会出现"-JSONValue Failed. Error is : Unescaped control character&qu ...

  6. 企业级开发账号In House ipa发布流程

    这两天需要发布一个ipa放到网上供其他人安装,需要用到企业级开发者账号.在网上查了一下资料,感觉没有一个比较完善的流程,于是决定把整个流程写下来,供大家参考. 首先详细说明一下我们的目标,我们需要发布 ...

  7. ARM伪指令和协处理器访问指令

    伪指令本身没有对应的机器码 .global声明全局符号,点事GUN汇编的特点 .data定义数据段 .equ DA #0x89 定义宏 .align 4 4字节对齐 mov 指令里的立即数只能是8位的 ...

  8. h5 实现页面上拉加载更多数据

    您好,您的上拉加载更多的代码来喽: html:(style部分:html部分:js部分--js部分主要就是监控上拉,调接口) //上拉加载更多css <style> .wait-loadi ...

  9. Librepilot-Spark2固件的烧写

    1.通过USB连接Librepilot_Spark2飞控,启动Librepilot GCS地面站(博主的GCS是16.09版本),界面如下. 2.点击Firmware标签页,点击终止系统(若板子未带系 ...

  10. 格兰杰因果 Granger causality

    格兰杰因果关系(Granger causality )是基于预测的因果关系统计概念.根据格兰杰因果关系,如果信号X1“格兰杰Causes”(或“G-Causes”)信号X2,则X1的过去值应该包含有助 ...