首先,我们需要在某视频剪辑软件工程中安装视频。射流研究…相关依赖。
新公共管理安装-保存视频
新公共管理安装-保存videojs-contrib-hls然后,我们需要引入videojs的钢性铸铁文件,例如在main.js中引入
导入video.js/dist/video-js.css接着,我们在需要播放视频的页面引入射流研究…对象
从" video.js "导入videojs
导入videojs-contrib-hls '指定一个录像容器,例如:
视频id=' my-video ' class=' video-js vjs-default-skin '控件预加载='自动'海报='./assets/video.png '
来源src=' http://127。0 .0 .1:7086/AAA/213/stream/1。m3u 8 ' type=' application/x-mpegURL '
/视频最后,我们在安装好的节点初始化播放器:
videojs('my-video ',{ 0
大播放按钮:为假,
textTrackDisplay: false,
posterImage: true,
errorDisplay: false,
控制杆:真
},函数(){ 0
this.play()
})
videojs('my-video ',{ 0
大播放按钮:为假,
textTrackDisplay: false,
posterImage: true,
errorDisplay: false,
控制杆:真
},函数(){ 0
this.play()
})