Hola comunidad de StackOverflow,
Estoy trabajando en un sitio web en el que quiero mostrar sus características usando un video mp4 en bucle.
Esto es lo que usé para crear este elemento:
<video width="1500" height="1000" autoplay loop muted playsinline> <source src="/assets/images/hero/videoexample.mp4" type="video/mp4" /> </video>Cuando hice esto, sin importar lo que cambiara, aún obtendría el siguiente resultado:
Nunca reproduciría automáticamente el video para luego no permitir que se reproduzca en bucle.
Este sitio web se basa en: HTML, JS, SCSS, CSS y principalmente Bootstrap. Espero que esta información ayude.
Cualquier consejo sobre lo que debo hacer sería muy apreciado.
Agregue un detector de eventos oncanplay .
Eche un vistazo al ejemplo en línea:
<video width="1500" height="1000" autoplay loop muted playsinline oncanplay="() => { this.muted = true; this.play(); }" > <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" /> </video>