Estoy tratando de eliminar mis controles en mi video para que no se muestre en absoluto, de modo que el video solo se reproduzca en bucle como un GIF sin que se muestren los controles. Cualquier sugerencia Ps, ignore el error StackOverflow cuando ejecute el fragmento. gracias.
function hideControls() { document.getElementById('text'); video.removeAttribute("controls"); } video { display:inline-block; margin: 25px; width: 280px; height: 280px; background-color: rgba(255, 255, 255, 0); box-shadow: 0px 7px 8px 10px rgba(0, 255, 255, 0.328); } video:hover{ width:290px; display: inline-block; cursor: pointer; box-shadow: 0px 7px 20px 25px rgba(247, 44, 234, 0.526); } <video id="text" controls loop autoplay="autoplay" onmouseover="hideControls()" title="to do list"> <source src="toDoListVideo.mov" class="project"> </video>No estoy seguro, pero creo que tienes <video controls> , pero necesitas <video controle="False">
Eliminé los "controles" eliminando la palabra de control en HTML, así: **También tenga en cuenta que establecer controles="falso" no puede suceder ya que es una variable booleana y no tendría valor en HTML. Gracias por tu ayuda sin embargo. :D
<video id="text" loop autoplay="autoplay" onmouseover="hideControls()" title="to do list"> <source src="toDoListVideo.mov" class="project"> </video>Espero que esto ayude
Se olvidó de almacenar document.getElementById('text') en la variable video , por lo tanto, causó su problema
También agregué un showControls de oyente que vuelve a agregar los controles de video al sacar el mouse
function hideControls() { const video = document.getElementById('text'); video.removeAttribute("controls"); } function showControls() { const video = document.getElementById('text'); video.setAttribute("controls", true); } video { display:inline-block; margin: 25px; width: 280px; height: 280px; background-color: rgba(255, 255, 255, 0); box-shadow: 0px 7px 8px 10px rgba(0, 255, 255, 0.328); } video:hover{ width:290px; display: inline-block; cursor: pointer; box-shadow: 0px 7px 20px 25px rgba(247, 44, 234, 0.526); } <video id="text" controls loop autoplay="autoplay" onmouseover="hideControls()" onmouseout="showControls()" title="to do list"> <source src="https://www.w3schools.com/html/mov_bbb.mp4" class="project"> </video>