layui.open使用例子播放m3u8视频

最新推荐文章于 2025-08-20 10:08:16 发布

原创

最新推荐文章于 2025-08-20 10:08:16 发布 · 2.8k 阅读

收录于

本文详细介绍了如何使用layui组件在弹窗中嵌入m3u8视频，涉及页面层和iframe层的运用，以及Video.js插件的配置和实例代码。

阐述：

最近项目需求，使用弹窗播放m3u8视频，本例子中使用了layui.open弹窗方式。

代码例子如下：

语法

layer.open(options)

layer.open 根据type不同，类型也就不一样,有五种类型：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）

其实工作开发中用的最多的就是1、2这两种类型了，这里就只介绍这两种，其他的可以参考官网例子。

页面层(type:1) ：弹出层展示的是某个定义好的页面元素

layer.open({
   
   
    type: 1 //Layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加                    
              载层）4（tips层）,
    title: 'title here',   //标题
    area: ['390px', '330px'],   //宽高
    shade: 0.4,   //遮罩透明度
    content: $("#test"),//支持获取DOM元素
    btn: ['确定', '取消'], //按钮组
    scrollbar: false ,//屏蔽浏览器滚动条
    yes: function(index){
   
   //layer.msg('yes');    //点击确定回调
        layer.clos