使用Vue Video和Vue-Video-Player实现视频全屏显示教程
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本教程详细介绍了如何利用Vue Video及Vue-Video-Player插件，在Vue项目中实现视频播放功能，并完成全屏显示效果。适合前端开发者学习实践。
网页放置视频播放器时，通常我会选择使用video.js及其插件vue-video-player。对于简单的视频播放需求来说，video.js完全可以满足要求，并且它支持HTML5和Flash的视频格式。
要安装video.js，请在命令行中运行以下命令：
```
npm install -s video.js
```
然后，在main.js文件中引入相关文件：
```javascript
import Video from video.js
import video.js/dist/video-js.css
Vue.prototype.$video = Video
```
最后，可以在组件中使用如下代码来嵌入视频播放器：
```html
```
全部评论 (0)
还没有任何评论哟~
