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

标签 javascript html

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

最佳答案

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

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

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

关于javascript - HTML 5 : Force window controls to be always visible,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24774965/

相关文章:

javascript - 谷歌浏览器错误?

javascript - 如何切换扩展元素的类?

html - 格式化文本,建议和操作方法?

html - ul 列表不在屏幕中心

html - Bootstrap img-responsive 不缩放到父级

javascript - 如何使YouTube嵌入式播放器在特定事件上开始播放视频

javascript - 如何在 Node JS 中接受大量 API 请求

javascript - 揭示模块模式和 jquery 失败

javascript - html中的按钮触发快捷键

javascript - Sequelize 删除查询运行,但不解决 Promise