是否可以在不删除键盘支持的情况下从 HTML 默认播放器 (<video />) 中删除控件？答案

【问题标题】：Is it possible to remove controls from HTML default player (<video />) without not removing keyboard support?是否可以在不删除键盘支持的情况下从 HTML 默认播放器 (<video />) 中删除控件？
【发布时间】：2020-01-15 07:07:17
【问题描述】：

我想在 React 中制作一个自定义视频播放器。所以我从<video />标签中删除了controls属性，这样就解决了隐藏nativ控件并自己制作的问题。但希望它仍然支持本机键盘控件。

请确保该解决方案适用于大多数浏览器，它不应该是 webkit 特定的。

【问题讨论】：

标签： reactjs html5-video

【解决方案1】：

将此添加到您的 css 文件中：

video::-webkit-media-controls {
  display: none;
}

演示：https://jsfiddle.net/TheKetan2/3ba4t2ux/1/

【讨论】：

这不是解决办法，躲在firefox和opera和IE里怎么样。