Javascript 如何全屏显示媒体播放器顶部的文本？

使用下面的代码，我在调试时得到了结果，但在没有调试的情况下无法显示文本

样式表显示：'block'

由于未显示，因此无法删除

<div class="video-overlay" id="overlayclass"></div>
<video id="preview" muted style="background-color: #2a2a2a;border: 1px solid black; height: 300px; width: 100%;"></video>

.视频叠加{
/*显示：flex！重要*/
位置：绝对位置；
左：0px；
顶部：0px；
利润率：10px；
填充：10px 10px；
字体大小：40px；
字体系列：Helvetica；
颜色：#FFF；
浮动：左；
}
.影像叠加组{
显示：flex！重要；
}

您好，请使用此代码

var overlay=document.getElementById（'overlay'）；
var video=document.getElementById（'v'）；
video.addEventListener（'progress'，function（）{
var show=video.currentTime>=5&&video.currentTime