禁用Chrome视频元素中的自动隐藏控件

Question

我需要让控件始终在chrome视频元素中可见

<video src="video.mp4" controls></video>

实际上它们在几毫秒后自动隐藏

如何禁用该行为，使它们始终可见？

Answer 1

最后我想出来了......使用CSS伪选择器

video::-webkit-media-controls-panel {
    display: flex !important;
    opacity: 1 !important;
}