vue使用video.js,vue视频播放

vue使用video.js,vue视频播放

首先，常用的demo已经在vue-video-player中正式提供了，按照要求即可。如果需要播放HLS流，则需要安装videojs-contrib-hls插件。对于非原生支持的浏览器，输入直播命令即可，下载video.jscnpmivideo.jsmain.js并引入importVideofrom'video.js'import'video.js/dist/视频js .css'Vue.prototype.$video=Video;为了复用，可以CreateanewPlay

2.引入video.js到ovuescaffolding(由main.js引入)123importVideofrom'video.js'import'video.js/dist/video-js.css'Vue.prototype.$video=Video//引入evuecreatekalacloud-video1，选择合适的选项后，安装完成，进入kalacloud-vue- 通过cd命令进入video目录（该目录是我们的主要开发目录），然后使用pmrunserve命令来运行项目。 英维

1.下载video.jsnpminstall--save-devvideo.js2.引入video.jsintovuescaffolding(introducedbymain.js)importVideofrom'video.js'import'video.js/dist/video-jsVue.prototype.$video=Videousing123456789

Video.js特定选项未定义默认情况下每个选项aspectRatio类型：字符串将播放器置于流体模式并在计算播放器的动态大小时使用此值。 importVideofrom'video.js'import'video.js/dist/video-js.css'Vue.prototype.$video=Video是在main.js中引入的(代码中有注释描述）<模板>

1.在vue12cnpminstallvideo.js中安装以下插件--saveccnpinstallvideojs-contrib-hls--save网上说video.js版本太高无法使用，7以上版本不能使用。使用5. 版本，最后，官方文档介绍了如何使用itinvue，以下只是基于官方文档的基本使用，具体建议查看官方文档！ 官方文档以此为例先看看效果：一般步骤如下：1.安装video.jsnpminstall--sa