82 lines
2.6 KiB
JavaScript
82 lines
2.6 KiB
JavaScript
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);
|
|
}); |