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>

 

posted @   sosolucky  阅读(5281)  评论(1编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示