介绍

tlp-video

适用于 Vue.js 的轻量级视频播放器,有vue2和vue3两个版本

效果图

如何使用

注：如需要在vue2使用,去掉tlp-video3后的3即可

step1

NPM

  vue3使用
   $ npm i --save tlp-video3

  vue2使用
   $ npm i --save tlp-video

或者使用yarn

  $ yarn add -S tlp-video3

cdn 你也可以在浏览器直接引入

<script src="./dist/video.umd.min.js"></script>

step2

编辑 main.js 然后引入模块

 import TlpVideo from 'tlp-video3'
 import '../dist/video.css'
 app.use(TlpVideo)

step3

直接在组件里引用

<TlpVideo url='url' :poster='poster'></TlpVideo>

注：url:视频地址，poster:默认预览图