隐藏 控制页面加载

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>