菜单 eyoucms模板网

eyoucms仿站教程
视频模型-播放权限遮罩层想要显示的话,是需要调用官方视频模型里的HTML代码和CSS样式。下面是代码文件和css文件,代码文件请复制后粘贴到对应的位置。由于下面的样式只是适用于易优官网的视频页面,如不兼容自己的页面样式,请自行修改<div cl

视频仿站问题分享-如何调用那个播放权限提示的遮罩层

发布时间:2021-04-22 12:00:22
点击次数:952
复制本文链接

视频模型-播放权限遮罩层想要显示的话,是需要调用官方视频模型里的HTML代码和CSS样式。

(图1)

(图2)

下面是代码文件和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>



收藏

相关文章

加载中~
模板购买咨询
定制仿站咨询
24小时客服
18030990768


模板购买咨询
定制仿站咨询
24小时客服
18030990768