更新记录

1.6.7.0(2019-12-08)

1.新增进度条灵敏度,自动播放,封面 2.修复ios orientation的bug

1.6.9(2019-11-27)

新增全屏旋转属性

查看更多

videoPlayer

uniapp自定义播放器

目前存在问题!!!!

app同时加载两个video时,通过this.videoCtx.requestFullScreen全屏会导致app崩溃 bug。(pages.json切换首页查看示例)

说明

1.App平台: 支持本地视频(mp4/flv)!!!本地视频(mp4/flv)!!!本地视频(mp4/flv)!!!网络视频地址(mp4/flv/m3u8)

3.插件在uni-app编译模式下编写,在 manifest.json 的源码视图里切换模式, manifest.json -> app-plus -> nvueCompiler 切换编译模式。

4.引入的index要nvue后缀!!!!!

5.更新hx

6.下载管理不在组件里,具体看项目示例

7.安卓下调整亮度时,视频会黑屏一下报了 bug

8.后台音频配置

使用方式

在index.js中

import chunleiVideo from '../../components/chunlei-video/chunlei-video.nvue'
components:{chunleiVideo}

简洁版功能

1.全屏

2.双击暂停或播放

3.进度,音量,亮度控制

4.高清切换

5.倍速

6.强制全屏

7.循环播放

8.锁屏

9.主题颜色切换

10.show后继续播放

在index.vue中(简洁版)

<template>
  <div class="content">
    <chunlei-video :title="title" :srcList="srcList" class="video" ref="video" color="#c93756" :gDuration="gDuration">

    </chunlei-video>
  </div>
</template>

完整版功能

1.包括简洁版功能

2.弹幕

3.下一集,选集

4.自动播放下一集

5.下载管理

6.初始播放位置

7.下载后打开本地视频

8.后台音频播放

在index.vue中(完整版)

<template>
  <div class="content">
    <chunlei-video 
        ref="video"
    class="video"  
    :episode="11" 
    :index="index" 
    color="#c93756"
    @playEpi="playEpi" 
    :downloadBtn="true"
    @clickDownload="clickDownload"
    :audio="videoList[index-1].audio"
    :title="videoList[index-1].title"
    @fullscreenchange="fullscreenchange"
    :srcList="videoList[index-1].srcList" 
    :download="videoList[index-1].download"
    :gDuration="videoList[index-1].gDuration" 
    :danmuList="videoList[index-1].danmuList" 
    :initialTime="videoList[index-1].initialTime"">
    </chunlei-video>
  </div>
</template>

OBJECT参数说明

参数 类型 默认值 说明
srcList String,Array '' 播放视频的资源地址
title String '' 视频标题
gDuration Number 0 总时长
color String '#FF6022' 主题颜色
episode Number 0 集数,为默认值时不显示选集,下一集
index Number 1 当前集数
danmuList Array [] 弹幕,为默认值时不显示按钮
initialTime Number 0 初始播放位置
downloadBtn Boolean false 下载按钮
download Boolean false 下载状态
audio String '' 音频,为默认值时不显示后台播放
orientation Boolean false 全屏时旋转
currentSen Number 4 进度条灵敏度越大进度跨度越小
autoplay Boolean false 首次自动播放
poster String '' 封面图片

事件

事件名 说明
playEpi 跳到指定集数
clickDownload 点击下载

refs事件

事件名 说明
changSrc 改变src时播放
videoPlay 播放或暂停
pageShow 页面显示后播放
pageHide 页面隐藏后暂停
getCurrent 获取视频进度用于续播

如果觉得插件不错,麻烦给个好评

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表:

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

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

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