对于pc端播放m3u8格式的视频，播放不出来和页面有多个m3u8格式的视频显示不出来问题

最新推荐文章于 2021-11-09 14:57:14 发布

a_grain_of_wheat

最新推荐文章于 2021-11-09 14:57:14 发布

阅读量2.6k

点赞数 1

分类专栏： jquery m3u8 文章标签： js html

本文链接：https://blog.csdn.net/a_grain_of_wheat/article/details/110818769

版权

jquery 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

m3u8

1 篇文章 0 订阅

订阅专栏

$("body video").each(function(index,item) { 
				var $videoSrc=$(this).attr("src");
				if ($videoSrc.indexOf('m3u8')>-1 ){
					console.log(index)
					$(this).after('<div class="video'+index+'" "><div>').remove();
					$('.video'+index).append('<video id="safari'+index+'" webkit-playsinline class="video-js vjs-default-skin vjs-big-play-centered" controls x5-playsinline="" playsinline="" webkit-playsinline="" style="width: 600px;height: 400px;margin: 0 auto;" >' +
						'<source src="' + $videoSrc + '">' +
						'<source src="' + $videoSrc + '" type="application/x-mpegURL">' +
						'</video>');
					
					$('#safari'+index).addClass('video-js');
					var player = videojs('safari'+index);
				}
});

直接上代码

使用前文件中要引入 video.js和video.css。