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