更新记录

1.7.1（2020-04-04） 下载此版本

修复pageShow导致ios样式混乱

1.7.0（2020-02-25） 下载此版本

1.兼容2.6.0 2.修复ios进度获取问题

1.6.7.0（2019-12-08） 下载此版本

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

平台兼容性

videoPlayer

uniapp自定义播放器

目前存在问题！！！！

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

ios原生音量，亮度控制位置错乱，拖动条位置错乱 bug

说明

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.后台音频配置

9.字体路径问题，字体路径和引入文件有关，请修改路径

var domModule = weex.requireModule('dom');
 domModule.addRule('fontFace', {
  'fontFamily': "texticons",
  'src': "url('../../static/chunlei-video/text-icon.ttf')"
});

使用方式

在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参数说明

事件

refs事件

插件交流群 689566471

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