console.log("^^");

//Tableau de vidéos
const videos = [
    "./VID/vid01.mp4",
    "./VID/vid02.mp4",
    "./VID/vid03.mp4",
    "./VID/vid04.mp4",
    "./VID/vid05.mp4",
    "./VID/vid06.mp4",
    "./VID/vid07.mp4",
    "./VID/vid09.mp4",
    "./VID/vid09.mp4",
    "./VID/vid10.mp4",
    "./VID/vid11.mp4",
    "./VID/vid12.mp4",
    "./VID/vid13.mp4",
    "./VID/vid14.mp4",
    "./VID/vid15.mp4",
    "./VID/vid16.mp4",
    "./VID/vid17.mp4",
    "./VID/vid18.mp4",
    "./VID/vid19.mp4",  
  ];
//console.log("vidéos", videos);

//prend mes divs
const videocontainer = [
    document.getElementById("div1"),
    document.getElementById("div2"),
    document.getElementById("div3"),
    document.getElementById("div4"),
    document.getElementById("div5"),
    document.getElementById("div6"),
    document.getElementById("div7"),
    document.getElementById("div8"),
    document.getElementById("div9"),
];

//Prendre une vidéo aléaoire
function getRandomVideo(videosArray) {
    const randomIndex = Math.floor(Math.random() * videosArray.length); //Random fois la taille du tableau
    return videosArray[randomIndex];
}

//fonction pour calcul delay
function getRandomDelay(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min; //nombre random entre le min et le max
}

//fonction delay
function changeVideoAfterDelay(container) {
    // Génère un délai aléatoire (ex: entre 5 et 1min)
    const delay = getRandomDelay(5000, 60000); //défini le min et le max

    //En gros recharche la vidéo tout les x delay
    setTimeout(() => {
        const videoElement = container.querySelector("video");
        if (videoElement) {
            videoElement.src = getRandomVideo(videos);
            videoElement.load(); // Recharge la vidéo
        }
        // Relance le processus pour cette div
        changeVideoAfterDelay(container);
    }, delay);
}

// Pour chaque div, ajouter une vidéo aléatoire
videocontainer.forEach(container => {
    const videoElement = document.createElement("video"); //videoElement = créer un élément vidéo
    videoElement.src = getRandomVideo(videos); //ici applique la source de la vidéo = une vidéo aléatoire du tableau vid
    videoElement.autoplay = true; // Lecture automatique
    videoElement.muted = true;    // Désactive le son
    videoElement.loop = true;     // Boucle la vidéo
    videoElement.style.width = "100%"
    videoElement.style.height = "100%"
    videoElement.style.objectFit = "cover"  
    container.appendChild(videoElement);

    //lance la fonction pour changer de video
    changeVideoAfterDelay(container);
});