vue-video7

A video.js 7 player component for Vue.js

Usage no npm install needed!

<script type="module">
  import vueVideo7 from 'https://cdn.skypack.dev/vue-video7';
</script>

README

vue-video7 播放器

NPM version GitHub stars GitHub issues GitHub forks

  • 😊 基于 Vue + video.js 7 开发;
  • 😂 支持现代浏览器;
  • 😂 不支持FLV, flv请用基于flv.js的控件;

NPM/YARN安装

npm i vue-video7 --save
yarn add vue-video7

使用

全局使用

// main.js
import Vue from 'vue'
import App from './App.vue'

import VideoPlayer from 'vue-video7'
Vue.use(VideoPlayer)
<template>
  <div id="app">
    <video-player :autoplay="true" :controls="true" :muted="true" ref="myPlayer" :sources="sources" />
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      sources: ["http://vjs.zencdn.net/v/oceans.mp4"]
    };
  }
};
</script>

局部使用

<template>
  <div id="app">
    <vue-video7 :autoplay="true" :controls="true" :muted="true" ref="myPlayer" :sources="sources" />
  </div>
</template>

<script>
import VideoPlayer from 'vue-video7'

export default {
  name: 'App',
  components: {
    VideoPlayer,
  },
  data() {
    return {
      sources: ["http://vjs.zencdn.net/v/oceans.mp4"]
    };
  }
};
</script>