0.2.1 • Published 3 years ago

dx-bplayer v0.2.1

Weekly downloads
3
License
MIT
Repository
github
Last release
3 years ago

Dx-BPlayer

This is a simple HTML5 video player based on Vue.

npm npm npm

Introduction

avatar

Install

npm install dx-bplayer -S
or
yarn add dx-bplayer

Use

# main.js
import DxBPlayer from 'dx-bplayer'
import 'dx-bplayer/lib/dx-bplayer.css'
Vue.use(DxBPlayer)
<template>
  <DxBPlayer ref="DxBPlayer" :playerOptions="options" @created="created" />
</template>
<script>
  export default {
    data () {
      return {
        options: {
          url: 'https://api.dogecloud.com/player/get.mp4?vcode=5ac682e6f8231991&userId=17&ext=.mp4',
          cover: 'https://i.loli.net/2019/06/06/5cf8c5d9c57b510947.png',
          muted: false,
          loop: false,
          preload: 'auto'
        }
      }
    },
    computed(){
      $video(){
        return this.$refs.DxBPlayer.$video
      }
    },
    methods:{
      created(){}
    }
  }
</script>

Props

NameTypeDefaultDescription
playerOptionsObject--all player options
playerOptions.urlString--video resources
playerOptions.coverString--video cover
playerOptions.preloadString--video preload
playerOptions.mutedBooleanfalsevideo mute
playerOptions.volumeNumber1video volume
playerOptions.loopBooleanfalsevideo loop
playerOptions.autoplayBooleanfalsevideo autoplay
playerOptions.scrollFixedBooleanfalsevideo scrolling fixed

Event

NameDescription
createdcomponent created
mountedcomponent mounted
beforeDestroycomponent beforeDestroy
destroyedcomponent destroyed
readyvideo init
playvideo play
pausevideo pause
clearModevideo clearMode
canplayvideo canplay
waitvideo waiting
fullscreenvideo fullscreen
fixedvideo fixed change

License

This content is released under the MIT License.

0.2.1

3 years ago

0.3.0

3 years ago

0.2.0

3 years ago

0.3.1

3 years ago

0.1.5

3 years ago

0.1.4

4 years ago

0.1.3

4 years ago

0.1.2

4 years ago

0.1.1

4 years ago

0.1.0

4 years ago