script> document.addEventListener("DOMContentLoaded", function () { // Definimos las URLs de los vídeos para cada contenedor const videoURLs = { "video-container-1": "https://jakiens.com/wp-content/uploads/2025/03/DACSA-EXCUSAS-PREVIEW.mp4", "video-container-2": "https://jakiens.com/wp-content/uploads/2025/03/jagermeister_·_created_by_night-1080p-PREVIEW.mp4", "video-container-3": "https://jakiens.com/wp-content/uploads/2025/03/oceanographic_·_tortugas-PREVIEW.mp4", "video-container-4": "https://jakiens.com/wp-content/uploads/2025/03/quierocorredor-PREVIEW.mp4" }; // Itera sobre todos los contenedores con las clases especificadas Object.keys(videoURLs).forEach(className => { let container = document.querySelector(`.${className}`); // Selecciona el contenedor por su clase if (container) { let videoSrc = videoURLs[className]; // Obtén la URL del vídeo correspondiente // Crear el elemento de vídeo let video = document.createElement("video"); video.setAttribute("autoplay", "true"); video.setAttribute("loop", "true"); video.setAttribute("muted", "true"); video.setAttribute("playsinline", "true"); // Establecer propiedades para que el vídeo se ajuste correctamente video.style.position = "absolute"; // Coloca el vídeo en posición absoluta dentro del contenedor video.style.top = "0"; video.style.left = "0"; video.style.width = "100%"; // Asegura que el vídeo ocupe todo el ancho video.style.height = "100%"; // Asegura que el vídeo ocupe toda la altura video.style.objectFit = "cover"; // El vídeo cubre el contenedor sin estirarse // Crear la fuente del vídeo let source = document.createElement("source"); source.setAttribute("src", videoSrc); source.setAttribute("type", "video/mp4"); video.appendChild(source); // Fallback para navegadores sin soporte de vídeo video.innerHTML += "Tu navegador no soporta vídeos en HTML5."; // Asegura que el contenedor tiene una posición relativa para permitir que el vídeo se posicione correctamente container.style.position = "relative"; // Necesario para que el vídeo se posicione bien dentro del contenedor container.appendChild(video); console.log(`El vídeo de ${className} ha sido añadido correctamente.`); } else { console.error(`No se encontró el contenedor: ${className}`); } }); });