视频模型页面仿制问题-如何调用那个播放权限提示的遮罩层

问题网址:http://www.eyoucms.com

仿制视频详情页面时,如何调用那个播放权限提示的遮罩层

09月01日 | 2578人阅读
最佳答案
  • 视频模型-播放权限遮罩层想要显示的话,是需要调用官方视频模型里的HTML代码和CSS样式。

    image.png

    image.png

    下面是代码文件和css文件,代码文件请复制后粘贴到对应的位置。

    由于下面的样式只是适用于易优官网的视频页面,如不兼容自己的页面样式,请自行修改

    <div class="jw-video-expense" id="VideoDiv13579" style="display: none;">

    <p id="MsgTitle13579"></p>

    <div class="jw-video-go video-period-buy" id="MsgOnclick13579"></div>

    </div>


    <style>

    .jw-video-expense {

    position: absolute;

    left: 0;

    top: 0;

    width: 880px;

    height: 490px;

    background: rgba(0, 0, 0, .8);

    z-index: 999;

    display: none;

    }

    .jw-video-expense p {

    color: #fff;

    font-size: 20px;

    text-align: center;

    padding-top: 218px;

    }

    .jw-video-expense .jw-video-go {

    width: 206px;

    height: 44px;

    line-height: 44px;

    text-align: center;

    border-radius: 4px;

    background: #FF5E45;

    color: #fff;

    margin: 0 auto;

    font-size: 20px;

    margin-top: 20px;

    cursor: pointer;

    }

    </style>


    09月01日
其他回答 | 1

游客

^-^我来说两句,请先 登录
发表回答
QQ在线咨询