Javascript 如何在全屏视频顶部用关闭按钮弹出

我创建了一个小的示例项目，在这个项目中，我播放一个视频，在每个给定的时间间隔，我都会在暂停视频时显示一个带有关闭按钮的弹出框。单击“关闭”按钮后，视频将继续。我一直面临的问题是，当视频全屏播放时，弹出窗口会显示出来。我使用了最大z索引值来划分弹出窗口，但关闭按钮不起作用

var det=真； var i=1； var-popInterval=2； var-cl； var j=popInterval； var vid=document.getElementByIdvideo； var wrapper=document.getElementByIdwrp； 功能检查 { ifvid.currentTime>0 { //clearIntervalcl； startPop； } } cl=设置间隔检查，1； 函数startPop { ifvid.currentTime==j | | vid.currentTime>j&&vid.currentTime堆栈溢出编辑器包含用于添加工作代码的代码段工具。我已经用它转换了你的代码。它实际上帮助每个人查看和编辑非工作代码

代码中的问题：您的代码正在工作，但已确定锚定标记被按钮标记不正确地关闭，可能正是由于此

关于z指数 无需使用的最大值为。这定义了容器中元素的堆栈顺序。由于您的弹出窗口已在视频后定义，因此即使不提供z索引，它也会显示在其顶部。 试着把它放在视频之前，你会看到它不可见，因为它在视频元素后面。为了解决此问题，只要视频和弹出元素在父容器中，将z索引设置为1将使弹出元素显示在视频元素的顶部。 var det=真； var i=1； var-popInterval=2； var-cl； var j=popInterval； var vid=document.getElementByIdvideo； var wrapper=document.getElementByIdwrp； 功能检查{ 如果vid.currentTime>0{ //clearIntervalcl； startPop； } } cl=设置间隔检查，1； 函数startPop{ 如果vid.currentTime==j | | vid.currentTime>j&&vid.currentTime请给我们看你的代码现在弹出的窗口甚至没有出现在视频的顶部，当视频全屏播放时，它仍保留在背景中。以前，它至少出现在全屏视频前，但关闭按钮不起作用对不起，我没有考虑全屏。在这种情况下，给出最大z指数更合适。