videojs:m3u8视频格式播放

最新推荐文章于 2023-12-08 08:38:48 发布

_木棠

最新推荐文章于 2023-12-08 08:38:48 发布

阅读量359

点赞数

文章标签： javascript 前端 css

本文链接：https://blog.csdn.net/Ygaidi/article/details/128001613

版权

所需文件：

链接: https://pan.baidu.com/s/1UAZ90RITCyvcLAXh0bkKiQ?pwd=0913

提取码: 0913

1.引用css(必须在其他css样式最上面)

2. 引用js

3.html部分


// id="myVideo${index}" 可循环创建id

<video class="warn-slider-img" id="myVideoId" controls autoplay muted>
	<source src="http://36.133.97.174:8765/hls/qmc_1.m3u8"  type="application/x-mpegURL">
</video>

4.js部分


// -----------

setTimeout(() => {
	headVideo(index)
},500);

//  `myVideo${index}` 循环时接受

function headVideo(index){
	var myVideo = videojs('myVideoId',{
		bigPlayButton : true, 
		textTrackDisplay : false, 
		posterImage: false,
			errorDisplay : false,
		})
		myVideo.play() // 视频播放		
}