隐藏html5中video标签的控件

在HTML5中，video标签的controls属性用于显示播放器的默认控制器。如果你想隐藏这些控制器，可以简单地从video标签中移除controls属性。

例如：

<video id="myVideo" width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

要隐藏控制器，只需删除controls属性：

<video id="myVideo" width="320" height="240">
  <source src="movie.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

如果你想通过JavaScript完全自定义控制器，可以通过CSS将默认控制器元素隐藏起来：

#myVideo::-webkit-media-controls {
  display: none !important;
}

这段CSS代码将WebKit内核浏览器中的默认媒体控制器隐藏。对于其他浏览器，你可能需要针对不同的控制器元素编写相应的CSS规则。

请注意，隐藏默认控制器可能会使视频不便于访问，因为用户不再可以通过视频控制器播放、暂停和调整视频音量。如果你选择这样做，请确保提供其他方式来控制视频播放，例如通过按钮和其他交互元素。