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);
}