标签：Vue 媒体播放器 JS EasyPlayer 引入 js public videojs

视频流媒体播放器EasyPlayer几乎涵盖了开发者所需的全部平台，尤其是在web端的EasyPlayer.js，极大地方便了开发者在解决B/S型业务开发时遇到的播放器接入的问题，比如：不懂前端的js代码、没有公网服务器放置这些js脚本和网页、微信对接入IP播放地址有限制等，不论是测试，还是被集成，都很方便。

近期我们为了测试EasyPlayer.js不同的可能性，将EasyPlayer.js运用在VUE当中，发现Vue-cli3项目引入EasyPlayer.JS报videojs not definde错误。

分析问题

从报错信息可以看出，问题是 videojs 找不到。EasyPlayer.JS是基于videojs基础上集成，找不到说明引入不正确。

首先我们看到app.Vue中已经引入了EasyPlayer.JS，但是EasyPlayer.JS在vue-cli3之后就需要在public中引入EasyPlayer.JS 包中手动引入EasyPlayer-element.min.js。

解决问题

Vue-cli3项目正确的引入方式:

1: 下载依赖；

npm run @easydarwin/easyplayer

2：在public文件中引入EasyPlayer-element.min.js；

3：引入到public中后，在public中的index中引入；

完成这三步就可以在vue项目使用EasyPlayer.JS播放器了，像我们上面说的报错内容，就可以直接解决了。

标签：Vue,媒体播放器,JS,EasyPlayer,引入,js,public,videojs
来源： https://www.cnblogs.com/TSINGSEE/p/13156356.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。