Video Presentacion en una web

miguelgalannunez · #1 (**permalink**) 27/11/2012, 08:25

Hola buenas,

La idea que tengo es que cuando el usuario se meta en mi web lo primero q le aparezca a patalla completa es un video presentación que tengo en archivo .mov y que cuando termine el video vaya directamente a la web (que a su vez tiene música de fondo), es decir que cuando terminara el video y entrara en la web la música tiene que empezar a sonar...

Como se hace eso? Hay alguna forma??

Tengo algo similar como referencia en esta pagina.. que te metes en la web y salta una ventana con un video de promocion (desde el canal de vimeo) -> http://www.row14.es/

Si me podías ayudar os lo agradecería un montón!! Gracias!!

miguelgalannunez · #2 (**permalink**) 27/11/2012, 08:27

perdon.. sale desde el canal de youtube.. no vimeo!!

emprear · #3 (**permalink**) 27/11/2012, 11:13

En primer lugar deberías cambiar tu formato de video a los compatibles con html5 video, de lo contrario estarias sujeto que el cliente tenga instalado el plugin de quicktime, además que controlar este vía javascript es un poco más complicado.
Una vez que tengas tu mp4 y tu ogg la cosa se simplifica

Código HTML:

Ver original<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5 video 100% + redirección</title>
<style type="text/css">
/*<![CDATA[*/
html ,body{
margin: 0;
padding: 0;
border: none;
height: 100%;
overflow: hidden;
}
div{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: none;
background: #000;
}
video{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: none;
background: #000;
}
 
/*]]>*/
</style>
 
</head>
<body>
    <div>
<video poster="ACDC.jpg"  id="videouno" preload="auto"  autoplay="autoplay">
<source src="ACDC.ogv" type="video/ogg">
<source src="ACDC.mp4" type="video/mp4">
</video>
</div>
 
<script type="text/javascript">
//<![CDATA[
var v = document.getElementById("videouno");
var t;
function verifica_fin(){
if (v.ended){
window.location.href = "http://forosdelweb.com";
}
}
t = setInterval('verifica_fin()',1000);
//]]>
</script>
</body>
</html>

Demo
http://foros.emprear.com/html5/vplay.../video100.html
el video dura 2minutos +- y tras la reproducción redirije forosdelweb.com
Saludos