JavaScript - Conectar controls de dos videos diferentes.

   
Vista:

Conectar controls de dos videos diferentes.

Publicado por Daniel (1 intervención) el 15/12/2015 20:34:46
He añadido dos videos con la etiqueta video y para añadirle los controles les he puesto la etiqueta controls. de esta manera:

<video id="video1" width="800px" height="620px" controls>
<source src="buena.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
</video>
<video id="video2" width="800px" height="620px" controls>
<source src="mala.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
</video>

Además al no saber conectar las barras de los dos videos, con la funcion init escondo y muteo uno y luego para poder hacer una minima conexion he añadido estas funciones.

<button onClick="play()" class="btn" style="text-align:center;">Play</button>
<button onClick="pause()" class="btn" style="text-align:center;">Pause</button>
<button onClick="change()" class="btn" style="text-align:center;">Change</button>


function init(){
var video1 = document.getElementById('video1');
var video2 = document.getElementById('video2');

video2.muted = true;
video1.muted = false;
video2.hidden = true;
video1.hidden = false;
}

function play(){
video1.play();
video2.play();
}

function pause(){
video1.pause();
video2.pause();
}

function change(){
if (video1.muted == true){
video2.muted = true;
video1.muted = false;
video2.hidden = true;
video1.hidden = false;
}
else {
video2.muted = false;
video1.muted = true;
video2.hidden = false;
video1.hidden = true;
}

}

Pero seguro que hay alguna manera de conectar el play el pause y la barra de progreso de los dos videos, ya que duran exactamente lo mismo. Mi duda está aqui, como hacer que al pulsar el el Play que el reproductor Video controls ofrece se reproduzcan los dos pero lo que mas me interesa es que si pulsas en la barra de progreso de uno, el otro tambien avance o retroceda. Gracias de antemano
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder