zoukankan      html  css  js  c++  java
  • 微信小程序 视频 组件

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

  • 相关阅读:
    iOS小知识点大杂烩
    iOS 生成本地验证码
    iOS RTMP 视频直播开发笔记(1) – 采集摄像头图像
    Mac之vim普通命令使用
    工作日记(九):完整项目开发之编写前端vue代码
    HTTP常用请求头与请求体实例
    工作日记(八):完整项目开发之学习sql与学习http报文
    工作日记(七):完整项目开发之前端vue框架的搭建
    工作日记(六):完整项目开发之springboot无法启动的坑
    工作日记(五):完整项目开发之编码开始
  • 原文地址:https://www.cnblogs.com/shangjun6/p/11000250.html
Copyright © 2011-2022 走看看