vue 引入萤石视频

1、官网下载js包

https://open.ys7.com/mobile/download.html

2、(把下载好的ezuikit.js  js包)放进vue 的 static 下

3、在index.html引入

<script src="static/ezuikit.js"></script>

4、关闭eslint

config/index.js    

useEslint: false, // (设置为false)

5、组件中使用

  <video

  id='myPlayer'

  src='你的视频播放地址'

  controls // 是否使用控制器 

   autoplay //是否自动播放

  >

  </video>

 

 

  <script>
    let palyer
    setTimeout(function(){
     player=new EZUIKit.EZUIPlayer('myPlayer')<
    },2) //注意:因为vue项目是一次性读取数据,初始化的时候要设延迟,不然会报找不到dom
    palyer.stop() // 页面跳转时注意关闭视频流,vue跳转原有任务不会停止
  </script>

 

转载于:https://www.cnblogs.com/luckyShuang/p/11373424.html

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值