video-play使用,vue2

该视频插件可以通过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>
      <

你可能感兴趣的:(vue.js,前端,视频)