Ayuda con la creación de un reproductor de video

kanikase

Préstamo
Ómicron
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
22 Feb 2014
Mensajes
4.714
Hola, necesito ayuda, estoy creando un reproductor de video, ya yengo lo basico que es el video, y los botones, tengo un script, para que cada boton haga su funcion, pero no sirven, esto es lo que uso:

HTML:
<body>
<div id="reproductorMarco">
<video poster="imagenes/Captura.PNG" loop controls preload>
<source src="videos/video1.mp4" type="video/mp4" />
Tu explorador no soporta video
</video>

<div id="controlesMarco">
<div id="rewind"></div>
<div id="play"></div>
<div id="stop"></div>
<div id="forward"></div>
<span id="tiempoActual">0:00</span> | <span id="tiempoTotal">0:00</span>
<div id="progresoCont">
<div id="progreso"></div>
</div>
</div>
</div>
</body>

Javascript:

HTML:
<script>
$(document).ready(function () {
$('video').bind('timeupdate',function(){
var tiempoActual = video.currentTime;
var tiempoTotal= video.duration;
var porcentaje = tiempoActual/tiempoTotal*140;
$('#tiempoActual').html(Math.floor(tiempoActual)/100);
$('#tiempoTotal').html(Math.floor(tiempoTotal)/100);
$('#progreso').width(porcentaje);
});
var video = $('video')[0]
var video = $('video')[1]
/*Esto "$('video')[0].play();" lo sustituimos por (var video =$('video') [0])*/
$('#play').click(function(){
video.play();
});
$('#stop').click(function(){
video.pause();
video.currentTime= -1;
});
$('#forward').click(function(){
video.currentTime += 1.3;
});
$('#rewind').click(function(){
video.currentTime -= 1.3;
});
});
</script>


Alguien que me ayude, que es lo que esta mal en el script

 
Última edición: