Javascript 使单击穿过一个图元到其后面的图元

我有一个div，它用一些按钮覆盖了我的整个页面。然而，div是透明的。我在div后面放了一个视频，我希望能够启动和停止。当然，只有当我按下某个不是按钮的地方。但目前，div正在使用click。我希望单击传播到它后面的元素。但是，我仍然希望它阻止刷卡

CSS

.root{
显示：网格；
网格模板柱：0.7fr 1fr 0.7fr；
网格模板行：1fr；
间隙：0px 0px；
网格模板区域：“左-中-右”；
高度：100vh；
宽度：100vw；
位置：绝对位置；
}

HTML

{
控制台日志（“cl”）；
}}
>

您需要

指针事件：无css属性。
是否还有一种方法可以禁用滑动，而只允许单击？不完全是，尝试将事件处理程序添加到包含所有内容的父元素中。