Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/11/2014, 03:14
javier_u
 
Fecha de Ingreso: noviembre-2014
Mensajes: 15
Antigüedad: 9 años, 5 meses
Puntos: 1
Sincronizar dos vídeos de una página. Hacerlos avanzar o detenerlos al mismo tiempo

Soy nuevo. No tengo ni idea de programación ni de html.
Ayer dejé un mensaje y desconozco por qué lo han eliminado.


Básicamente en una página tengo dos vídeos embebidos: uno a la derecha y otro a la izquierda. De ellos podemos desplegar un Auto-Scroll para leer en inglés (vídeo izquierdo) y español (vídeo derecho). El de la derecha lo dejo en silencio para que no interfiera con el de la izquierda que es el que dejo escuchar.

Lo pueden ver en estos enlaces:
http://escuchoyaprendoingles.blogspot.com.es/
http://escuchoyaprendoingles.blogspot.com.es/p/deos-en-ingles.html
Son dos reproductores de vídeo diferentes.


Lo que necesitaba es sincronizarlos para que pueda reproducir-detener, retroceder y avanzar los dos videos al mismo tiempo. He pensado que quizá se podría hacer por medio del teclado (por ejemplo barra espaciadora, tecla izquierda y tecla derecha), o mediante tres botones, o por otro medio.

También me serviría tener un sólo vídeo que gobierne o sincronice los dos Auto-scroll: izquierda y derecha, inglés y español.


No sé si es posible o es muy complicado resolver esto. Ya digo que no sé nada de programación. Tampoco sé en qué foro preguntar. No sé si esto está relacionado con javascript o con otro tipo de programación o de diseño de html... ni idea.


Me gustaría conocer vuestra opinión para saber cómo enfocarlo.

Un saludo.
javier




P.D:
El código que uso para embeber los vídeos es el siguiente:

Cita:
<html>
<head>
<script type="text/javascript" src='http://amara.org/embedder-iframe'></script>
</head>

<body>
<table width="100%"> <tr>

<td style="width:250px; background-color:yellow; text-align:top;">

Contenido de la primera columna

<div class="amara-embed" data-height="288px" data-width="512px" data-url="http://www.youtube.com/watch?v=5CKwCfLUwj4">
</div>
</td>

<td style="width:250px; background-color:blue; text-align:top;">

Contenido de la segunda columna

<div class="amara-embed" data-height="288px" data-width="512px" data-url="http://www.youtube.com/watch?v=5CKwCfLUwj4">
</div>

</td>

</tr> </table>
</body>

</html>