window.onload = function() {
var videos = [
"https://youtu.be/LlGM2UxaJDs",
"https://youtu.be/gNB8vl-J89Q",
];
var videoPlayer = document.getElementById("videoPlayer");
function loadRandomVideo() {
var randomIndex = Math.floor(Math.random() * videos.length);
var newSource = document.createElement("source");
newSource.src = videos[randomIndex];
newSource.type = "video/mp4";
videoPlayer.innerHTML = ""; // Vaciar fuentes anteriores
videoPlayer.appendChild(newSource);
videoPlayer.load();
videoPlayer.play().catch(error => {
console.log("Autoplay bloqueado:", error);
// Mostrar un botón de reproducción si el autoplay falla
showPlayButton();
});
}
function showPlayButton() {
var playButton = document.createElement("button");
playButton.innerText = "Reproducir Video";
playButton.style.position = "absolute";
playButton.style.top = "50%";
playButton.style.left = "50%";
playButton.style.transform = "translate(-50%, -50%)";
playButton.onclick = function() {
videoPlayer.play();
playButton.remove();
};
videoPlayer.parentNode.appendChild(playButton);
}
videoPlayer.addEventListener('ended', loadRandomVideo);
videoPlayer.addEventListener('error', loadRandomVideo); // Manejar errores de carga
// Cargar el primer video inmediatamente
videoPlayer.muted = true; // Asegurar autoplay funcional
loadRandomVideo();
};