YouTube y su HTML5

mariomon17 · #1 (**permalink**) 04/01/2012, 15:54

Hola a todos, resulta que tengo en una web un sistema en el que la gente introduce su numero de dorsal y calcula en que momento del video aparecen.

Funciona a la perfeccion hasta que me percate que en moviles y en IE9 (en el cual YT mete directamente su navegador HTML5) no funciona ya que se carga el video desde el principio y no desde el minuto que yo le indique en la URL.

La pagina es esta: http://setelgrupo.com/sansilvestre

Un saludo y gracias.

emprear · #2 (**permalink**) 09/01/2012, 20:20

No entiendo bien, en primer lugar, Si usas IE9 o cualquier otro navegador en su versión de PC (FF, Chrome, etc) y vas a youtube.com, utiliza un <object> / <embed> para reproducir via un reproductor hecho en flash. Basta con que desactives Flash para que te aparezca esto

Es necesario actualizar Adobe Flash Player para ver este vídeo.
Descárgalo en la página de Adobe.

Si queres ver you tube con html5 tenes que dirigirte a http://www.youtube.com/html5?hl=es , que según ellos mismo ahi dicen Esta es una versión de prueba opcional de vídeos HTML5 en YouTube

En el caso de móbiles, puede variar un poco, pero basicamente te vincula los videos haciendo streaming de archivos con formato .3gp, en algunos casos te da la opción de descargar una aplicación (para windows mobile, por ejemplo).

En el caso de tu página estas insertando un iframe via js, que carga el video con el reproductor flash estandar de you tube

Finalmente, para identificar los frames del video, este debe de estar acondicionado para eso (hay aplicaciones que insertan al archivo un indice con los numeros de los mismos)

SAludos

mariomon17 · #3 (**permalink**) 10/01/2012, 13:18

Claro, eso es lo normal. Por eso pregunto, por que me parece raro. Pero resulta que IE 9 metio el reporductor de HTML 5 directamente, sin estar suscrito al "programa", de hecho era un ordenador nuevo por lo que no habia introducido contraseñas ni nada.

Estoy insertando el iframe por que es lo "recomendado".

Yo lo que realmente quiero es saber como puedo decirle al reproductor HTML5 el momento en el que tiene que empezar, ya que parece que aunque se lo paso por URL, el tiempo se lo pasa al objecto Flash bien pero no a <video> de HTML 5.

Un saludo.

emprear · #4 (**permalink**) 10/01/2012, 14:29

Esto funciona en firefox, lo controlas con javascript

Código HTML:

Ver original<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-ar">
<head>
<meta charset="utf-8" />
<title>XHtml5</title>
 
<script type="text/javascript">
//<![CDATA[
function reproducir(){
var v = document.getElementsByTagName("video")[0];
v.play();
}
 
function detener(){
var v = document.getElementsByTagName("video")[0];
v.pause();
v.src = ""; 
v.src = "MOV04287.ogv"; 
}
 
function pausar(){
var v = document.getElementById("videouno");
v.pause();
}
 
 
function tespecifico(){
var v = document.getElementsByTagName("video")[0];
v.src = "MOV04287.ogv#t=30,40"; 
v.play();
}
 
 
//]]>
</script>
</head>
<body>
<video controls id="videouno">
  <source id="origen" src="MOV04287.ogv" type="video/ogg">
</video>
<br />
<button onclick="reproducir();">Reproducir</button> <button onclick="detener();">Detener</button> 
<button onclick="pausar();">pausar</button> <button onclick="tespecifico();">reproducir entre el segundo 30 y 40</button>
</body>
</html>

a lo mejor te puede orientar, habría que verificar si con los otros formatos de video funciona para el resto de los navegadores.
También se puede hacer un reproductor en php que cargue el html de <video> y pasarle parámetros

Saludos

mariomon17 · #5 (**permalink**) 10/01/2012, 18:41

Quizas jugando con la ultima funcion se puede conseguir pero necesitaria recoger el src que manda YouTube antes, claro.

Ya ire viendo y cuento si lo soluciono. Si no, en vez de meter el iframe, meto el object y asi le obligo a Flash y no a <video>, cierto?

(... que triste hacer eso jaja)

Un saludo :)

emprear · #6 (**permalink**) 11/01/2012, 00:43

Estoy haciendo algunos experimentos y progresé en algo que a lo mejor te sirva

http://foros.emprear.com/html5/vplay...deo-html5.html

La busqueda por tiempo puede tardar mas o menos segun el navegador que se use, pero funciona en todos.
Ahora estoy trabajando en tratar de reproducir un fragmento entre tal y tal posición del video.

Saludos

mariomon17 · #7 (**permalink**) 11/01/2012, 16:22

Voy a seguir investigando, gracias por la informacion.

Un saludo :)