添加弹窗视频

视频地址：FQ打开视频——分享——嵌入代码——复制

引用：

<link href="~/layer/skin/layer.css" rel="stylesheet" />
<script src="~/javascript/jquery-1.9.1.min.js"></script>
<script src="~/layer/layer.js"></script>

 

<div class="row text-center video" id="main">
<img src="/images/Publicity/business-9.png"><div><font>Video demonstrates Elephone QC</font></div>
</div>

 <!--视频视频播放框开始-->
<script type="text/javascript">
    var URL = "https://www.youtube.com/embed/w70xvLdzF0c"
    $("#main").click(function () {
        showResult("<iframe width="982" height="647" src="" + URL + "" frameborder="0" allowfullscreen>");
    })

    function showResult(mycontent) {
        layer.open({
            type: 1, //page层
            area: ['1000px', '652px'],
            title: false,
            shade: 0.6, //遮罩透明度
            shift: 5, //0-6的动画形式，-1不开启
            closeBtn: true,
            content: mycontent
        });
        $(".layui-layer").css("top", "150px");
        $(".layui-layer-content").after('<span class="layui-layer-setwin"><a class="layui-layer-ico layui-layer-close layui-layer-close2" href="javascript:;"></a></span>');
        $(".layui-layer-close,.layui-layer-close2").click(function () {
            layer.closeAll();
        })
    }
</script>
<!--视频视频播放框结束-->