javascript - HTML 5 : Force window controls to be always visible

Question

这绝对是一件微不足道的事情，但我没能在谷歌上找到可行的解决方案!我们如何强制 html 5 视频的控件始终可见。例如，当视频正在播放且光标不在视频上时，进度条就会消失!请告诉我如何始终将它保存在那里!

Answer 1

您可以通过设置伪元素的样式来设置控件的样式。要强制控件在 Webkit 浏览器中保持可见，您可以执行以下操作:

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

而且我想还有其他浏览器的其他 vendor 前缀。