在全屏视频上方显示模态弹出 div

我们有一个使用 html5 video 标签显示视频的网站。视频通常按行显示，但用户可以选择使用全屏。在不同的时候，我们需要显示一个在用户点击确定或一段时间过去后消失的弹出窗口。我们通过在显示模式时退出全屏然后在模式消失时返回全屏来处理内嵌视频和全屏。

但是，客户端希望在不退出全屏的情况下显示模态。这应该适用于 Windows、Mac、iPhone、iPad 和 Android 设备上的多个非 IE 浏览器。这甚至可能吗？如果是这样，最好的方法是什么？到目前为止，我的 Google-fu 让我失望了...

如果重要的话，我们需要在 2 个不同的站点上使用它：一个使用 Angular，另一个使用 .NET Core Razor 和 Bootstrap。