videocmp

视频播放vue组件

export default {
  props: {
    backcolor: {
      type: String,
      default: '#000'
    },
    width: {
      type: Number,
      default: window.innerWidth
    },
    height: {
      type: Number,
      default: window.innerHeight
    },
    url: {
      type: String,
      default: ''
    }, // 视频地址
    currentTime: {
      type: Number,
      default: 0
    },
    timeupdate: {
      default: (e) => {},
      type: Function
    }, // 播放进度
    pause: {
      type: Function,
      default: (e) => {}
    },
    loadeddata: {
      type: Function,
      default: function () {}
    },
    ended: {
      type: Function,
      default: () => {}
    },
    error: {
      type: Function,
      default: () => {}
    },
    isPause: {
      type: Boolean,
      default: false
    },
    controls: {
      type: Boolean,
      default: false
    }
  }

0.7.0

• 新增 isPause 属性 控制暂停
• 新增 controls 属性控制显示播放 暂停按钮

0.6.0

• 新增 loadeddata 事件

0.5.0

• 新增 error 事件