Question

我想使html5 <video>元素的控制面板始终可见，而播放/暂停按钮始终隐藏。我尝试过：

<style>
    video::-webkit-media-controls-panel {
        display: flex !important;
        opacity: 1 !important;
    }
    video::-webkit-media-controls-overlay-play-button {
        display: none;
    }
</style>

“播放/暂停”按钮被隐藏，但控制面板保持默认状态。最简单的方法是什么？

P.S：之所以这样，是因为我将使用<video>元素作为记录器（带有RecordRTC）。因此，录音机不需要播放/暂停按钮。我将使用不同的<button>元素来处理开始/停止记录。

Answer 1

您似乎拥有删除播放按钮的正确代码。您应该可以通过插入或删除控件属性来使视频控件显示和隐藏：

<!-- Show Controls-->
<video width="320" height="240" controls>
<!-- Hide Controls -->
<video width="320" height="240">

HTML5始终显示视频控制面板

1 个答案: