vue 移动端视频功能实现

###首先下载插件(vue2和3下载的依赖有版本区别,这里是2)
npm install vue-video-player@5.0.1 --save

下载完毕之后,在vue的maim里面引入

import VideoPlayer from 'vue-video-player'
import 'vue-video-player/src/custom-theme.css'
import 'video.js/dist/video-js.css'
  
Vue.use(VideoPlayer)

然后就是就是我的全部代码

<template>
  <div>
    <video-player style="width: 90%;height: 100%;margin:0 auto;"  class="video-player vjs-custom-skin"
                  ref="videoPlayer"
                  :playsinline="true"
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值