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

$("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。