Foros del Web - Ver Mensaje Individual

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