有没有一种方法可以在全屏 HTML5 <video> 上覆盖一个 <canvas>?

5
我正在使用videojs播放视频,并已对逐帧视频内容进行了一些操作,然后在(ID:'display')中显示。当视频播放时,可以通过以下css显示在
1个回答

0

我自己找到了答案。你只需要将canvas.style.z-index设置为2147483647,那么它就会覆盖。


我很好奇你在这里使用的是哪个网络浏览器。由于全屏模式会启动本地视频播放客户端并隐藏网络浏览器,因此无论z-index值如何,它都将取代浏览器中的任何和所有元素,所以这个解决方案不应该适用于Safari。 - natlee75
嗯...你是使用原始的webkitEnterFullscreen方法进入全屏模式,还是使用更新、更“正确”的webkitRequestFullScreen方法? - natlee75
1
我正在使用运行在Windows上的Chrome。根据我的iOS经验,在Mac上应该调用QuickTime。我不知道我正在使用哪个版本的方法... - Kevin Tong

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接