Layui 系列之—表格弹框查看视频

1. 第一步
   

2. 第二步

   <!-- 在表格内渲染-->
   <script type="text/html" id="video">
       <button class="layui-btn layui-btn-sm layui-btn-primary" lay-event="video"><i class="fa fa-play"
                                                                                    aria-hidden="true"></i>&nbsp;&nbsp;查看视频
       </button>
   </script>
   

3. 第三步

   	// 监听table工具条
       table.on('tool(tabFilter)', function (obj) {
           var data = obj.data; //获得当前行数据
           var layEvent = obj.event; //获得 lay-event 对应的值
   		if (layEvent === 'video') {
               // 查看视频
               var loadstr = '<video width="100%" height="100%"  controls="controls" autobuffer="autobuffer"  autoplay="autoplay" loop="loop"><source src="' + data.videoLink + '" type="video/mp4"></source></video>'
               layer.open({
                   type: 1,
                   area: ['800px', '600px'],
                   title: '播放视频',
                   content: loadstr,
               });
           }
       }); // end table.on();