firstsy/application/store/view/live_appointment/index.html

{extend name='admin@main'}

{block name="content"}
<div class="think-box-shadow">
    {include file='live_appointment/index_search'}
    <table class="layui-table margin-top-10" lay-skin="line">
        {notempty name='list'}
        <thead>
        <tr>
            <th class='text-left nowrap'>会员</th>
            <th class='text-left nowrap'>直播标题</th>
            <th class='text-left nowrap'>直播开始时间</th>
            <th class='text-left nowrap'>预约商品</th>
            <th class='text-left nowrap'>是否提醒</th>
        </tr>
        </thead>
        {/notempty}
        <tbody>
        {foreach $list as $key=>$vo}
        <tr>
            <td class='text-left nowrap'>{$vo.user_name|default=''}</td>
            <td class='text-left nowrap'>{$vo.live_name|default=''}</td>
            <td class='text-left nowrap'>{$vo.start_at|default=''}</td>
            <td class='text-left nowrap'>{$vo.goods_name|default=''}</td>
            <td class='text-left nowrap'>{$vo.is_remind == 0 ? '未提醒':'已提醒'}</td>
        </tr>
        {/foreach}
        </tbody>
    </table>
    {empty name='list'}<span class="notdata">没有记录哦</span>{else}{$pagehtml|raw|default=''}{/empty}
</div>
<script>
    $('.video_player').click(function () {
        vUrl = $(this).data('src');  //获取到播放的url
        var loadstr = '<video width="100%" height="100%"  controls="controls" autobuffer="autobuffer"  autoplay="autoplay" loop="loop">' +
            '<source src='+vUrl+' type="video/mp4"></source></video>';
        layer.open({
            type: 1,
            title: false,
            area: ['730px', '500px'],
            shade: [0.8, 'rgb(14, 16, 22)'],
            skin: 'demo-class',
            content: loadstr
        });
    });
</script>
{/block}