如何隐藏视频播放器的「更多选项」按钮（仅保留播放/暂停键）

你只需在现有CSS代码中添加video::-webkit-media-controls-overflow-button选择器，即可隐藏带三个点的「更多选项」按钮。修改后的完整代码如下：

video::-webkit-media-controls-fullscreen-button,
video::-webkit-media-controls-timeline,
video::-webkit-media-controls-mute-button,
video::-webkit-media-controls-current-time-display,
video::-webkit-media-controls-time-remaining-display,
/* 新增：隐藏更多选项按钮 */
video::-webkit-media-controls-overflow-button {
  display: none;
}

补充说明： #

• 该选择器仅对WebKit内核浏览器（如Chrome、Safari、基于Chromium的Edge版本）生效，与你之前使用的-webkit-前缀伪类适配一致。
• 若需兼容Firefox等其他内核浏览器，需使用对应内核的控件伪类；不过这类浏览器的原生视频控件结构差异较大，通常建议通过隐藏默认控件栏、自定义播放按钮的方式实现更统一的效果。

内容的提问来源于stack exchange，提问作者Elena