zvideo

1.0.0 • Public • Published

ZVideo

播放器

使用

 <div id="video"></div>
<script>
      let zv = new ZVideo({
            id: '#video',
            //width: 500, //视频宽度
            //height: 500, //视频高度
            playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度, 暂时没开发
            autoplay: false, //如果true,浏览器准备好时开始回放。
            muted: false, // 默认情况下将会消除任何音频。
            loop: false, // 导致视频一结束就重新开始。
            poster: null, //封面
            sources: [
                {
                    title: '视频-1',
                    url: 'https://www.runoob.com/try/demo_source/movie.mp4'
                }
            ]
        })
 
        //事件监听: play, pause, prev, next, ctrl, list, voice, full, load error timeupdate
        zv.addEventListener('play', () => {
            console.log('播放*****');
        })
  
</script> 

方法

    play: Function 播放
    pause: 暂停
    prev: 上一集
    next: 下一集
    openControl: 打开控制器
    closeControl: 关闭控制器
    openList: 打开列表
    closeList: 关闭列表
    openVoice: 打开声音
    closeVoice: 关闭声音
    openFull: 打开全屏
    closeFull: 关闭全屏
    load: 从新加载
    setVoice: 设置音频, 0 关闭音频, 大于 0 打开音频
    timeLength: 获取视频的播放时长

Package Sidebar

Install

npm i zvideo

Weekly Downloads

0

Version

1.0.0

License

ISC

Unpacked Size

111 kB

Total Files

7

Last publish

Collaborators

  • zengshaofeng