layui播放m3u8

您可以使用 video.js 和 hls.js 库来实现在 layui 中播放 m3u8 格式的视频。首先，确保您在页面中包含了这两个库的引用：

<link rel="stylesheet" href="https://cdn.staticfile.org/video.js/7.14.3/video-js.min.css">
<script src="https://cdn.staticfile.org/video.js/7.14.3/video.min.js"></script>
<script src="https://cdn.staticfile.org/hls.js/1.0.8/hls.min.js"></script>

然后，在您的 layui 模块中，创建一个容器来放置视频播放器：

<div id="myPlayer" class="video-js vjs-default-skin"></div>

接下来，编写一些 JavaScript 代码来初始化和配置播放器，并加载 m3u8 文件：

layui.use(['layer'], function(){
    var layer = layui.layer;
    
    // 初始化播放器
    var player = videojs('myPlayer');

    // 使用 hls.js 解析 m3u8 文件
    if (Hls.isSupported()) {
        var hls = new Hls();
        hls.loadSource('path/to/your/video.m3u8');
        hls.attachMedia(player.media());
        hls.on(Hls.Events.MANIFEST_PARSED, function() {
            player.play();
        });
    } else if (player.canPlayType('application/vnd.apple.mpegurl')) {
        player.src = 'path/to/your/video.m3u8';
        player.addEventListener('loadedmetadata', function() {
            player.play();
        });
    } else {
        layer.alert('您的浏览器不支持播放该视频格式，请升级浏览器或更换其他浏览器！');
    }
});

请确保将上面代码中的 `'path/to/your/video.m3u8'` 替换为您实际的 m3u8 文件路径。此代码将检查浏览器是否支持 hls.js，并根据支持情况加载和播放视频。如果浏览器不支持，则会弹出提示信息。

以上就是在 layui 中播放 m3u8 格式视频的基本步骤，您可以根据需要进一步自定义样式和功能。希望对您有帮助！