HTML5 Chrome 中的视频控件：三点按钮不起作用
HTML5 video controls in Chrome: three-dots button doesn't work
在 Chrome 83 中，我在页面中添加了一个 HTML5 视频播放器，例如
<video preload="auto" type="video/mp4" src="(...).mp4" controls></video>
并且出于某种原因，三点按钮（通过下载和画中画按钮展开下拉菜单）不起作用 - 单击时没有任何反应。
但是，如果我单击“全屏”按钮并将视频展开为全屏，则三点按钮会正常工作并完美运行。
顺便说一句，没有溢出的透明元素，这个按钮是可点击的（我可以看到它淡出并对鼠标事件做出反应），但没有提供任何效果。关闭 JavaScript 后可重现此问题。
为什么会发生？
我刚刚发现，当视频放置在应用了 transform: translate(0,0); 样式的块内某处（即使它是嵌套的）时，就会发生这种情况。
从祖先块中删除 transform 属性 已解决问题。
在 Chrome 83 中，我在页面中添加了一个 HTML5 视频播放器，例如
<video preload="auto" type="video/mp4" src="(...).mp4" controls></video>
并且出于某种原因，三点按钮（通过下载和画中画按钮展开下拉菜单）不起作用 - 单击时没有任何反应。
但是，如果我单击“全屏”按钮并将视频展开为全屏，则三点按钮会正常工作并完美运行。
顺便说一句，没有溢出的透明元素，这个按钮是可点击的（我可以看到它淡出并对鼠标事件做出反应），但没有提供任何效果。关闭 JavaScript 后可重现此问题。
为什么会发生？
我刚刚发现，当视频放置在应用了 transform: translate(0,0); 样式的块内某处（即使它是嵌套的）时，就会发生这种情况。
从祖先块中删除 transform 属性 已解决问题。