Скрыть <video>элементы управления при загрузке страницы

Question

Я начинающий программист, поэтому прошу прощения за мое невежество. Я встраиваю видео с помощью тега, который все работает как надо. Мне было интересно, есть ли способ скрыть элементы управления при загрузке страницы и показать их при наведении курсора мыши на видео; как это происходит, когда он играет. Есть ли способ сделать это?

Кстати: это вводится в поле содержимого html в редакторе документов (BEE)

СПАСИБО

РЕДАКТИРОВАТЬ: прилагается фотографии того, как это выглядит, где я могу поместить код. Опять же, у меня минимальный опыт с этим материалом. Это поле содержимого html в редакторе документов.

Как выглядит выбор HTML-блока После добавления поля html в редактор

Answer 1

Взято из: HTML5-видео - показать / скрыть элементы управления программно

<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>