在页面加载时隐藏 <video> 控件

Question

我完全是编码新手，所以请原谅我的无知。我正在使用一切正常工作的标签嵌入视频。我想知道是否有办法在页面加载时隐藏控件并在鼠标悬停在视频上时显示它们；就像它在播放时一样。有什么办法可以做到这一点？

顺便说一句：这是在文档编辑器 (BEE) 的 html 内容框中输入的

谢谢你

编辑：附件是我可以将代码放在哪里的图片。同样，我对这些东西的经验很少。它是文档编辑器中的 html 内容框。

What html box selection looks like Once html box is added to editor

Answer 1

取自：HTML5 video - show/hide controls programmatically

<video id="myvideo">
  <source src="path/to/movie.mp4" />
</video>

<p onclick="toggleControls();">Toggle</p>

<script>
var video = document.getElementById("myvideo");

function toggleControls() {
  if (video.hasAttribute("controls")) {
     video.removeAttribute("controls")   
  } else {
     video.setAttribute("controls","controls")   
  }
}
</script>