Vue中引入Video.js视频播放器(简单使用)

什么是Video.js

Video.js是一个有着HTML5背景的网络视频播放器。它同时支持HTM5和Flash视频,简单来说就是HTMl5 和 Flash 视频播放器

安装

 $ npm install video.js

main.js中引入

import Video from 'video.js'
import 'video.js/dist/video-js.css'

Vue.prototype.$video = Video

使用(代码中有注释说明)

    

    

    

实现效果截图

Vue中引入Video.js视频播放器(简单使用)_第1张图片
进入这个组件时,自动默认播放视频

附上Video.js官网地址:Video.js

你可能感兴趣的:(Vue中引入Video.js视频播放器(简单使用))