google-chrome - 禁用 chrome 视频元素中的自动隐藏控件

Question

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

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

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

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

Answer 1

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

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