Screensaver dentro de la web

lucasi · #1 (**permalink**) 23/08/2012, 04:13

Hola.
Estoy interesado en poner un vídeo en la web que aparezca tras unos segundos de inactividad. ¿Aguien sabe como hacerlo o algún ejemplo?
Un saludo y gracias

hackjose · #2 (**permalink**) 23/08/2012, 13:40

Lo mas seguro es que vallas a utilizar el metodo setTimeOut();

Este metodo recibe 2 parametros.

El primer parametro es la funcion que se encargara de poner el video en el DOM(en la pagina)

El segundo parametro es el tiempo dado en milisegundos

Saludos y suerte

fjrueda · #3 (**permalink**) 23/08/2012, 13:52

lucasi ....

en esta link tiene toda la informacion que necesita para intentar hacer lo que pregunta y para utilizar las sugerencias de hackjose

lucasi · #4 (**permalink**) 24/08/2012, 02:28

Muchas gracias por la ayuda.

En lo que estoy verdaderamente confundido es en hacer que salte el vídeo cuando pasen 15 segundos sin clickear nada, y que se quite en cuanto se clickee.
He probado mil formas pero no resulta y no encuentro ningún ejemplo en la web donde apoyarme.

Esto es lo que llevo conseguido :) :

<script type="text/javascript">
document.onmousemove = resetTimer;
window.onload = function() {
screenTimer = setTimeout("inactive()",15000);
}
function inactive(){
// Aqui quiero poner que salte un vídeo en toda la pantalla
}
function resetTimer(e) {
// Aqui quiero poner que se quite el vídeo de la pantalla mostrando lo que habia desde un principio
// reset timer
clearTimeout(screenTimer);
screenTimer = setTimeout("inactive()",15000);
}
</script>

Necesito que se vea en Safari, quizás me serviría utilizar webkitEnterFullscreen pero no estoy muy seguro
Un saludo y perdonad las molestias

fjrueda · #5 (**permalink**) 24/08/2012, 06:05

lucasi .....

No he entendido muy bien lo que usted quiere, le pido el favor que sea un poco mas claro, sobretodo en la explicacion de los eventos que quiere utilizar.

Usted quiere que la pagina tras 15 segundosdespues de cargada ejecute el video ??
y que tenga un boton que permita cerrar el video en cualquier momento ??

estamos pendiente.

hackjose · #6 (**permalink**) 24/08/2012, 16:35

Este codigo tal vez te ayude.
No lo probe por que no tengo videos

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es" dir="ltr">
<head>
<script>
function video()
{
setTimeout(function(){document.getElementById("video").autoplay = true;},15000);
}
</script>
</head>
<body onload="video();">
 
<video width="400" height="300" id="video">
 
</video>
 
</body>
</html>

saludos

lucasi · #7 (**permalink**) 29/08/2012, 10:29

Gracias fjrueda por interesarte. Creo que no me entendiste bien.
Lo que trato de hacer es un juego con html. Lo que quiero es que cuando el usuario no clickee tras un cierto tiempo aparezca un vídeo explicativo en toda la pantalla, y al volver al mover el ratón desaparezca. Igual que un salvapantallas de un ordenador.

Hasta hoy he conseguido hacerlo salvo por el detalle de que cuando aparece y lo quitas el video se pausa, y por tanto, comienza donde lo dejaste la próxima vez. Yo trato de hacer que comience siempre a reproducirse desde el principio.

No quiero que se pause el video, quiero que stop pero no me funciona.
Este es mi código:

Código HTML:

Ver original<script type="text/javascript"> 
 
document.onmousemove = resetTimer;
window.onload = function() {
    screenTimer = setTimeout("inactive()",3000);
}
function inactive(){
        document.getElementById('zapa').style.display = "block";
    
    var video = document.getElementById("Video1");
    video.play();
 
}
 
 
 function resetTimer(e) {
    
    document.getElementById('zapa').style.display = "none";
    
    var video = document.getElementById("Video1");
    video.pause();
    
    clearTimeout(screenTimer);
    screenTimer = setTimeout("inactive()",3000);
    
}
</script>