Saber más sobre Pascale
Vídeo de demostración del servicio
/* Full-width wrapper */
#intro-video-wrapper {
position: relative;
width: 100vw;
left: 50%;
margin-left: -50vw;
overflow: hidden;
}
/* Video responsive */
#intro-video {
width: 100%;
height: auto;
display: block;
}
/* Overlay “Activar el sonido” */
#unmute-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0,0,0,0.6);
color: #fff;
padding: 0.8em 1.2em;
font-size: 1.1em;
border-radius: 4px;
cursor: pointer;
display: none; /* masqué par défaut */
z-index: 10;
}
window.addEventListener('load', function() {
var video = document.getElementById('intro-video');
var overlay = document.getElementById('unmute-overlay');
// Inicia el vídeo silenciado 3 segundos después de la carga
setTimeout(function() {
video.play().catch(function(err) {
console.warn('No se puede iniciar el vídeo:', err);
});
// Luego mostramos el botón para activar el sonido
overlay.style.display = 'block';
}, 3000);
// Al hacer clic en la capa, activamos el sonido y la ocultamos
overlay.addEventListener('click', function() {
video.muted = false;
overlay.style.display = 'none';
// se puede reiniciar el vídeo si hace falta
video.play().catch(function(err) {
console.warn('Reproducción interrumpida:', err);
});
});
});
Activar el sonido