在vue中使用video.js实现视频播放

在vue中使用video.js实现视频播放

学习笔记

这里是官方关于在vue中如何使用的文档,下面的只是基于官方文档的基础用法,详细内容建议查看官方文档! 官方文档 以此为例 先看效果: 大致步骤如下: 一、安装video.js

npm install --save video.js

二、参考官方文档操作 这里定义一个名为VideoJs的组件,便于使用。 注意要引入下面的video-js.css和video.js!!,一个是样式,一个是播放器。

在页面中使用该组件:样式使用了element ui,需要的可以自行安装 主要的是data中的videoOptions,与组件绑定。

Talk is cheap, show me the code !—— 薪火工作室!

相关推荐