zoukankan      html  css  js  c++  java
  • 添加弹窗视频

    视频地址: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>
    <!--视频视频播放框结束--> 
  • 相关阅读:
    css 写一个三角形
    vue 知识汇总,中级阶段的。
    获取url参数封装的
    vue 知识点
    不换行css
    微信小程序的横向滚动
    git提交本地分支到远程分支
    linux shell head tail 用法简介
    PHP服务重启
    MongoDB用户创建
  • 原文地址:https://www.cnblogs.com/liucaixia/p/4895041.html
Copyright © 2011-2022 走看看