Despues de analizar la pagina de Subyo, me pregunté que tan dificil sería colocar ese sistema en mi web, pues bueno al principio note que el metodo es eficaz pero no eficiente, y el secreto esta en la sincronización del texto presentado y el video , ??? claro utilizando la Api.

Entonces aqui lo tienen, la primera version de Subtube V1.0 (si tienen otro nombre para el metodo, bienvenido sea).

Descargar Subtube V1.0

Que contiene la descarga: Un ejemplo en HTML, el Javascript que sincroniza el subtitulo y un CSS para manejar el color, la fuente, tamaño y posicion del subtitulo.

Como se utiliza:

Hacemos referencia de esta forma a los archivos subtube.js, subtube.css y el swfobject.js (este lo linkeo directamente de googlecode):

[cc lang="html" tab_size="2" lines="40"]

Despues coloco esta estructura donde deseo el video:

[cc lang="html" tab_size="2" lines="40"]

Subtitulos por Avenidanet

[/cc]

Se les hace conocido, es como normalmente colocamos un video de youtube con SwfObject.
Las pocas diferencias serían:

• Debe ser un div (contenedor) que contenga al div del video (ytapiplayer) junto al script del embed y un div de los subtitulos (csubtitulos), este a su vez tiene un PRE(subtitulo)
• Debe existir el parametro wmode: “transparent”
• Debe existir la variable array subt que llenaremos con los subtitulos con este formato: subt['00:09']=’Subtitulo que queremos presentar’;
  donde 00:00 son los minutos y 00:00 son los segundos.

Y aqui esta el ejemplo de arriba funcionando o en esta direccion:

Subtitulos por Avenidanet