该视频插件可以通过js控制播放、暂停、跳转播放、镜像等等操作,
还可以在视频的层级之上添加元素,且全屏后仍在。
一、地址 点击跳转
二、安装:npm install video-play
三、引入
在main.js中
import videoComp from 'video-play'
import 'video-play/plug.css'
Vue.use(videoComp)
四、使用
在使用的地方
<template>
<div id="app">
<video-comp class="videoComp-container" ref="videoComp" :videoConf="videoConf">
<!-- 如果将元素浮在视频上方,使用template包裹起来,并取名anyPosition,如下 -->
<template #anyPosition>
<button class="toggle" @click="$refs.videoComp.fullClick()">浮在上方的全屏切换按钮</button>