Chrome 中的 HTML5 视频控件：三点按钮不起作用

Question

在 Chrome 83 中，我在页面中添加了一个 HTML5 视频播放器，例如

<video preload="auto" type="video/mp4" src="(...).mp4" controls></video>

由于某种原因，三点按钮（使用“下载”和“画中画”按钮展开下拉菜单）不起作用 - 单击时没有任何反应。

但是，如果我单击“全屏”按钮并将视频扩展到全屏，则三点按钮将变得有用并且可以正常工作。

顺便说一句，没有溢出的透明元素，这个按钮是可点击的（我可以看到它褪色并对鼠标事件做出反应），但没有任何效果。关闭 JavaScript 后，该问题可重现。

为什么会这样？

Answer 1

我刚刚发现当视频放置在应用了transform: translate(0,0); 样式的块内某处时会发生这种情况（即使它是嵌套的）。

从祖先块中删除 transform 属性已解决问题。