基于原生js的视频播放器组件 Dvideo.js

原创 未曾遗忘的青春 随笔 插件 316阅读 2018-03-30 15:00:22 举报

Dvideo.js是公司业务需求所拓展的一个通用的js插件,包涵全屏设置,音量调整,清晰度调整,语速调整等多个h5video的功能,基于原生js开发,可拓展性高
代码初始化:

可以通过npm 直接下载

Demo地址:http://www.daiwei.org/components/Dvideo/
github地址:https://github.com/IFmiss/Dvideo.js
npm地址: https://www.npmjs.com/package/d-video

npm install d-video --save-dev
在js中引入
import Dvideo from 'd-video'
var video = new Dvideo({
... : ...
})

实例化的video也有很多可用的字段比如
isFull: 是否是全屏状态
isLoadMate: 是否已经加载了元数据
isPlaying: 是否在播放状态
durationT: 当前视频的时长
currentT: 当前视频的播放时间点
currentP: 当前视频的时长占视频总长度的百分比
volume: 当前的音量大小
browserV: 当前浏览器的版本

原文地址: 基于原生js的视频播放器组件 Dvideo.js

评论 ( 1 )
最新评论