在使用layer.open实现视频弹出层时，可能会遇到点击元素无反应、404错误、滚动条问题、全屏后父页面滚动等挑战。本文详细总结了这些问题的出现原因和解决方法，强调了保持原始文件结构的重要性，提供了具体的CSS和JavaScript调整方案，如设置area为auto或给视频元素设置宽高100%，以及如何避免页面滚动。对于未解决的Chrome浏览器全屏后父页面滚动问题，作者期待找到解决方案。
使用layer.open做视频弹出层时遇到的一些问题汇总
1. 介绍
最近在使用layer做视频弹出播放的时候遇到一些问题，记录一下，方便后期查阅。
layer是一款web弹层组件，底层的东西已经写好，直接调用即可，功能非常强大，更多详细介绍可以去官网了解，解释的很详细，虽然简单，但是一不小心就会出错。
同时他们有一个自己的社区，更多的问题可以在上面找到，大家如果出现的问题在百度、谷歌上找不到的可以去上面找找看。
现在将我自己在使用过程中遇到的一些问题总结一下：
2. 开始使用
在官网下载获得 layer 文件包后，解压并将 layer 整个文件夹存放到你项目的任意目录，
不要拆分结构
不要拆分结构
不要拆分结构
不要拆分结构
重要的事情多说一遍。
使用时，只需引入 layer.js 即可。
引用官网的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>开始使用layer</title>
<!-- 你必须先引入jQuery1.8或以上版本 -->
<script src="jQuery的路径"></script>
<script src="layer.js的路径">
最低0.47元/天 解锁文章
2488
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
