Javascript 有没有办法覆盖a<；帆布>；通过全屏HTML5<；视频>；？

我使用videojs来播放视频，我对视频内容逐帧进行了一些操作，并将其显示在

（ID:'display'）中

播放视频时，

可以使用以下css显示在

前面

<style type="text/css">
    canvas#display {
        z-index: 1;
        postion: relative;
        top: some-video-height-px;
    }

    video#videoDiv_html5_api {
        z-index: -2;
    }

    div.vjs-controls {
        z-index: 3;
    }

</style>

---

似乎z-index已被设置为整数。MAX_值..

我自己找到了答案。您只需将

canvas.style.z-index

设置为2147483647，然后将覆盖我很好奇您在这里使用的是哪个web浏览器。此解决方案不适用于Safari，因为全屏模式启动本机视频播放客户端，该客户端隐藏web浏览器，从而取代浏览器中的任何和所有元素，而不考虑z索引值。嗯。。。您使用的是最初的webkitEnterFullscreen全屏模式还是更新的“正确”webkitRequestFullScreen？我使用的是运行在Windows上的Chrome。在mac上，应该根据我在iOS上的经验调用quicktime。我不知道我用的是什么版本的方法。。。

:fullscreen {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:2147483647;
  box-sizing:border-box;
  margin:0;
  width:100%;
  height:100%;
}