Javascript Firefox HTML5视频覆盖文本,带绝对位置和最大z索引
所以在全屏活动中,我展示了文本覆盖,它可以在除firefox之外的所有浏览器上运行,有什么想法吗?我已经验证了该函数是在firefox中调用的。我在changeScreen函数中所做的一切就是将显示从block/none更改为block/none。能否在帖子中创建一个工作或片段(Javascript Firefox HTML5视频覆盖文本,带绝对位置和最大z索引,javascript,html,css,Javascript,Html,Css,所以在全屏活动中,我展示了文本覆盖,它可以在除firefox之外的所有浏览器上运行,有什么想法吗?我已经验证了该函数是在firefox中调用的。我在changeScreen函数中所做的一切就是将显示从block/none更改为block/none。能否在帖子中创建一个工作或片段(按钮),以便代码更易于测试?首先需要知道的是,不能在全屏视频上覆盖文本,仅在“信息亭模式”下,例如浏览器窗口本身处于全屏模式,但视频元素仍保留在文档流中。正如您所见,它适用于所有浏览器,但不适用于firefox
按钮),以便代码更易于测试?首先需要知道的是,不能在全屏视频上覆盖文本,仅在“信息亭模式”下,例如浏览器窗口本身处于全屏模式,但视频元素仍保留在文档流中。正如您所见,它适用于所有浏览器,但不适用于firefox
.overlayFull {
position: absolute;
display: none;
bottom: 20px;
right: 0px;
z-index: 2147483647;
color: #ff9800;
opacity: .5;
}
document.addEventListener("fullscreenchange", changeScreen, false);
document.addEventListener("webkitfullscreenchange", changeScreen, false);
document.addEventListener("mozfullscreenchange", changeScreen, false);