始终显示Firefox Video controlBar

Question

我正在尝试找到一些userChrome.css，以使Firefox HTML5视频标记始终显示控件栏：

查看源代码我看到视频控件是在videocontrols.xml中定义的，看起来CSS文件是videocontrols.css

所以我在我的userChrome.css中添加了以下内容的变体，但我没有看到对controlBar显示有任何影响。

.controlsContainer [hidden="true"],
.controlBar[hidden] {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.controlBar[size="hidden"] {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.controlBar:not([immediate]) {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.controlBar[fadeout] {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

为什么这似乎不适用于界面的任何建议？

这个问题不是关于firefox的插件，而是内置功能。我尝试将样式移动到userContent.css，并且在重新启动Firefox后也没有效果。还有其他建议吗？

我尝试将红色样式添加到userChrome.css，将蓝色样式添加到userContent.css，并且在查看HTML5视频标记时没有任何迹象：

/* userChrome.css */
#videoControls .controlBar,
.controlBar,
.controlBar * {
    color: red !important;
    background-color: red !important;
    border: 1px solid red !important;
    outline: 1px solid red !important;
}

/* userContent.css */
#videoControls .controlBar,
.controlBar,
.controlBar * {
    color: blue !important;
    background-color: blue !important;
    border: 1px solid blue !important;
    outline: 1px solid blue !important;
}