视频模型-播放权限遮罩层想要显示的话,是需要调用官方视频模型里的HTML代码和CSS样式。
下面是代码文件和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>
相关文章