技術標籤：jquerym3u8jshtml

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