HTML 5:强制窗口控件始终可见

Question

这绝对是一件小事,但我没能在谷歌找到一个有效的解决方案!我们如何强制控制html 5视频始终可见.例如,当视频正在播放且光标不在视频上时,进度条就会消失!请让我知道如何在任何时候保持它!

Answer 1

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

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

我想其他浏览器还有其他供应商前缀.