基于原生js的视频播放器插件Dvideo.js(原创)

更新时间：2018/12/3 下午5:08:28

更新说明：代码优化，api使用方式完善

---

实例化

实例化Dvideo对象js

属性

• ele: dom 元素， 元素id需要带 # ， 比如 #video 或者 .video

• src: 视频地址 string

• isShowPoster: 是否显示封面，默认为true bool

• poster: 封面的地址 string

• title: 视频的名称 string

• width: 视频显示宽度 string '300px'

• height: 视频显示高度 string '160px'

• showNext: 是否显示下一集按钮 bool 默认true

• autoplay: 是否自动播放 bool 默认true

• ctrSpeedDuration: 控制条 关闭的时间 number (ms)

• loop: 视频是否循环播放 bool 默认false

• showVolume: 是否显示音量设置 bool 默认true

• volume: 音量大小 number 0.8

• showVolumeUnFull: 在非全屏幕下是否显示音量调整条 bool 默认false

• showPlayBackRate: 是否显示设置语速菜单列表 bool 默认true

• showPlayBackRateUnFull: 是否在未全屏的情况下 显示语速 bool 默认true

• playbackRate: 语速的设置 object

        -activeIndex: 索引 number

        -rateList: 语速 array [0.8, 1, 1.2, 2]

• showVideoDefinition: 是否显示清晰度 bool 默认true

• showVideoDefinitionUnFull: 非全屏的状态下是否显示 bool 默认true

• videoDefinition: 清晰度的设置 object

        -activeIndex: 索引 number

        -definitionList: 清晰度选项 array

                >type: 类型

                >name: 名称

1. nextVideoExtend: function 可让用户自定义扩展 点击下一个视频的操作

2. setVideoDefinition: function 设置清晰度的回调 参数 (type, event, currentT)

3. onTimeupdate: 进度更新事件 参数（currentT)

4. onPlaying: 视频播放事件 参数（currentT)

5. onPause: 视频暂停事件

6. onEnded: 视频播放结束事件

7. onLoadedMetaData: 元数据加载成功事件

方法

更新视频宽度

显示上下菜单

关闭上下菜单

更新音量

更新音量

快进

快退

跳转到具体位置

切换视频地址

Dvideo.js

基于原生js的 video 插件  Dvideo

支持音量  语速  清晰度 ie全屏等一系列操作  兼容IE 9 +

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com