Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Firefox HTML5视频覆盖文本,带绝对位置和最大z索引_Javascript_Html_Css - Fatal编程技术网

Javascript Firefox HTML5视频覆盖文本,带绝对位置和最大z索引

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

所以在全屏活动中,我展示了文本覆盖,它可以在除firefox之外的所有浏览器上运行,有什么想法吗?我已经验证了该函数是在firefox中调用的。我在changeScreen函数中所做的一切就是将显示从block/none更改为block/none。

能否在帖子中创建一个工作或片段(
按钮),以便代码更易于测试?首先需要知道的是,不能在全屏视频上覆盖文本,仅在“信息亭模式”下,例如浏览器窗口本身处于全屏模式,但视频元素仍保留在文档流中。正如您所见,它适用于所有浏览器,但不适用于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);