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>

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

1 个答案: