上传者: 38667835
|
上传时间: 2021-12-12 14:55:46
|
文件大小: 54KB
|
文件类型: -
本文实例讲解了js点击按钮实现带遮罩层的弹出视频效果,涉及到css以及JavaScript,分享给大家供大家参考,具体内容如下
最终显示效果:点击红色按钮,会有视屏弹出 并带有遮罩层
点击黄色区域可以关闭视频 并回到最初的状态。
页面主要代码:main中主要包含一个a,控制显示的按钮。设置有id值。
以下代码就是用来控制视频的显示效果,.video-btn 包含了视频显示区域以及右边黄色关闭按钮(虽然黄色关闭按钮有点丑)。
i