1.資源下載：https://pan.baidu.com/s/1IZ4HKhNg08cbmDBl4FGYJg
2.本機地址：http://127.0.0.1:8888/hls/home.m3u8
3.說明：
經測試，在最新版的 Android webview 中不用任何插件，可以直接播放
經測試，在windows10自帶的Edge瀏覽器 可直接播放，PC端 safari瀏覽器 可直接播放
經測試，PC端chrome，IE，Firefox以及集成以上內核的各種瀏覽器，以及舊版的Android SDK的webview 不能播放
4.在不能播放的情況下，需要引入hls.js，示例：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<base th:href="${basePath}">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>HTML5播放視頻</title>
<script src="hls.js" charset="utf-8"></script>
</head>
<body onload="play('http://127.0.0.1：8888/hls/home.m3u8')">
<div class="player_container">
<video id="video" class="player" muted autoplay loop>
瀏覽器不支持 video 標籤。
</video>
</div>
</div>
<body>
<script>
function play(url) {
if (Hls.isSupported()) {
let hls = new Hls();
let video = document.getElementById('video');
hls.loadSource(url);
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED, function () {
video.play();
})
hls.on(Hls.Events.ERROR, function () {
})
}
}
</script>
</body>
</body>
</html>