Estoy ejecutando content.js en una página de youtube y quiero que deshabilite los controles del video de youtube. Recibo el video por video=document.querySelector('video'); y al intentar hacer: video.controls=false; no funciona Me encantaría un poco de ayuda
aquí está la etiqueta de video cuando ejecuto el código en la consola de youtube: 
let video = document.getElementById('vid'); video.removeAttribute('controls') <div style="display:flex;flex-direction:column"> Vid 1 : <video id="vid" controls> <source src="#" /> </video> Vid 2 : <video id="vid2" controls> <source src="#" /> </video> </div> Vea esta publicación , en su etiqueta <video> , no quiere poner controls si no los quiere
ejemplo rápido:
<video width="400px" height="400px" controls> // this will show controls <source src="link" /> </video> <video width="400px" height="400px"> // this won't show controls <source src="link" /> </video>Utilicé el consejo de @wOxxOm y descubrí cómo ocultar el botón de reproducción y la barra de la línea de tiempo.
Aquí está el código usado:
playButton=document.getElementsByClassName("ytp-play-button ytp-button")[0]; bar=document.getElementsByClassName("ytp-progress-bar-container")[0]; playButton.style.display="none"; bar.style.display="none";