Soy un principiante en el desarrollo web, pero ahora comencé a escribir sitios web geniales. Apliqué un fondo de video a mi página web, hice todos los estilos y se ve genial, pero ¿cómo puedo cambiarlo cada vez que recargo la página HTML?
<video id="vidtest" autoplay muted loop> <source src= "videos/vid.mp4" type="video/mp4"> </video>Cree una matriz con sus rutas de video, seleccione aleatoriamente un elemento de la matriz y luego configúrelo como el atributo src de su fuente de video:
var source = document.getElementById('video-source'); var videos = [ "vid1.mp4", "vid2.mp4", "vid3.mp4" ]; var randomVideo = videos[Math.floor(Math.random() * videos.length)]; source.setAttribute('src', randomVideo); <video id="vidtest" autoplay muted loop> <source id="video-source" src= "videos/vid.mp4" type="video/mp4"> </video>