gaoyixia/application/nutrition/view/video_url/form.html

<div class="think-box-shadow">
    <form class="layui-form layui-card" action="{:request()->url()}" data-auto="true" method="post" autocomplete="off">
        <div class="layui-card-body">

            <div class="layui-form-item">
                <label class="layui-form-label label-required">系列</label>
                <div class="layui-input-block">
                    <input  name="video_id" type="hidden" value='{$video_info.id|default=""}' class="layui-input">
                    <input readonly maxlength="20"  value='{$video_info.title|default=""}' class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label label-required">标题</label>
                <div class="layui-input-block">
                    <input  name="title" maxlength="20"  value='{$vo.title|default=""}' class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label label-required">视频</label>
                <div class="layui-input-block">
                    <input class="item_url" name="url" type="hidden" value="{$video_url.url|default=''}">
                    <a style="margin-left: 20px;" class="layui-btn layui-btn-sm video_player">预 览</a>
                </div>
            </div>


            <div class="layui-form-item">
                <label class="layui-form-label label-required">是否VIP</label>
                <div class="layui-input-block">
                    <select class="layui-select" name="is_vip">
                        <option    value="0">否</option>
                        <option   {if !empty($vo.is_vip) &&  $vo.is_vip == 1 }selected{/if}  value="1">是</option>
                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label label-required">排序</label>
                <div class="layui-input-block">
                    <input name="sort" readonly maxlength="20"  value='{$vo.sort|default=""}' class="layui-input">
                </div>
            </div>
            {notempty name='vo.id'}<input type='hidden' value='{$vo.id}' name='id'>{/notempty}
            <div class="layui-form-item text-center">
                <button class="layui-btn" type='submit'>保 存</button>
                <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定取消编辑吗？" data-close>取消编辑</button>
            </div>
        </div>
    </form>
    <script src="/static/plugs/layui/layui.all.js" charset="utf-8"></script>
    <script>

        window.form.render();

        $(document).on("click",'.video_player',function () {
            vUrl = $(".item_url").val(); //获取到播放的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
            });
            form.render();
        });
    </script>
</div>