更新记录

1.01(2020-03-09) 下载此版本

  • 修复视频地址为空时或者报错后,无法再此赋值

1.00(2020-03-09) 下载此版本

第一次测试发布

  • 目前已知的bug,多个视频组件点击全屏直接闪退,请移步至https://ask.dcloud.net.cn/question/88718
  • 调节屏幕亮度视频暂停播放

    本人小白,如有大神请多多指教


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-nvue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

yanyu-ui-video播放器属性说明

当前播放器目前仅支持nvue版本

属性名 类型 默认值 说明
objectFit String contain 包含:contain 填充:fill 覆盖:cover
width Number 750 播放器默认宽度传值为rpx
height Number 450 播放器默认高度传值为rpx
poster String 封面图
src String 播放链接
initialTime Number 0 指定初始的播放位置默认s(秒)
muted Boolean false 是否静音播放
loop Boolean false 是否循环播放
autoplay Boolean false 是否自动播放
title String 横屏时候播放的标题
showDlna Boolean false 是否显示投屏按钮
showMenu Boolean true 是否显示菜单按钮(目前只有控制播放速度)
showBack Boolean true 是否显示返回按钮(非全屏下的显示和不显示,全屏默认显示)
danmuList Array [] 弹幕列表
enableDanmu Boolean false 是否开启弹幕功能
@play Function default 视频播放后事件
@pause Function default 视频暂停后事件
@ended Function default 视频播放结束后事件
@timeupdate Function default 视频播放进度变化事件e.detail = {currentTime,duration}250ms/次
@waiting Function default 视频出现缓冲事件
@error Function default 视频播放出错事件
@progress Function default 视频播放缓冲事件e.detail = {buffered}百分比
@screenchange Function default 屏幕方向发生变化事件e.detail = {fullScreen,direction}

发送弹幕的方法,需要给当前的视频一个ref

<yanyu-ui-video ref="video"></yanyu-ui-video>

<script>
    methonds:{
        sendDanmu(){
            this.$refs.video.sendDanmu(text,color);
        }
    }
</script>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问