400-700-1307

基于video.js +node + webpack + vue实现监控视频播放

2019-01-29 16:16

本文记录使用用法,详细原理暂不做考虑。

一、安装环境

淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install --save video.js
cnpm install --save videojs-contrib-hls
 
二、引入样式
import 'video.js/dist/video-js.css'
 
三、html代码
<video id="videoid" class="video-js vjs-default-skin" controls preload="auto" poster="../assets/video.png">
 <source src="视频地址.m3u8" type="application/x-mpegURL">
</video>

四、js代码

复制代码
videojs('videoid', {
 bigPlayButton: false,
 textTrackDisplay: false,
 posterImage: true,
 errorDisplay: false,
 controlBar: true
}, function () {
 this.play()
})
 

开班信息

当前校区

北京校区
  • 北京校区
  • 上海校区
  • 广州校区
  • 沈阳校区
  • 杭州校区
  • 南京校区
  • 郑州校区
  • 成都校区
  • 深圳校区
  • 西安校区
  • 苏州校区
  • 深圳沙井
  • 深圳观澜
  • 深圳龙岗
  • 武汉校区
  • 西宁校区
  • 石家庄校区
  • 湖北咸宁
  • 广东惠州
  • 广东佛山

                    Copyright © 2007-2019 IT兄弟连教育 版权所有 京ICP备11018177号  京公网安备 11010802026987号