Botón con dos funciones distintas

[AubeRoseau]

Hola a todos!
Como veis soy nueva en el foro y además soy nueva también en el uso de html, javascript, css,...
Estoy realizando unos ejemplos para aprender y me ha surgido una duda. Tengo que hacer el típico botón de play/pause de un audio o vídeo y no se como hacerlo. Lo primero que se me viene a la cabeza es que el vídeo debe tener un estado (parado o en reproducción) y hacer una cosa u otra en función de esto, pero como html no tiene variables, me pierdo. No sé si habrá que usar además de javascript Ajax o jQueryo alguna otra cosa.
¿Alguien me puede ayudar? Si no enténdeis lo que quiero hacer decírmelo e interaré explicarme mejor.

Saludos

[WingzemonX]

Como siempre, depende muy especificamente de lo que estas tratando de hacer, pero lo que te puedo dar como una "guia" es que utilices JavaScript con una variable global, del tipo Bool que te guarde si el video se está reproduciendo o no.

Algo asi como:

Código HTML:

<script language="javascript" type="text/javascript">
var rep = false;

function reproducir()
{
      if(rep)
      {
           rep = false;
           //Codigo para DETENER el video
       }
       else if(!rep)
       {
            rep = true;
           //Codigo para REPRODUCIR el video
       }
}
</script> 

y ya en el boton, imagen, o lo que vayas a usar, utilizas:

Código HTML:

<button id="play" onclick="JavaScript:reproducir()"></button> 

De esa forma el boton puede hacer dos funciones, dependiendo del valor de la variable rep.

Esto de seguro no soluciona especificamente tu problema, pero estoy seguro que te dara una buena pista. Saludos.

[AubeRoseau]

Gracias por tu respuesta WingzemonX, la verdad es que es la idea que tenía en la cabeza pero no sabía como implementarlo. Una cosa, ¿como harías eso mismo si quieres poner el script en un fichero aparte?

EDITO: Bueno, he visto que html5 cuenta con unos atributos que te informan sobre el estado en que se encuentra el vídeo, si está en reproducción o no. Así que he conseguido hacer el botón play/pause.
Ahora tengo que programar la típica barra de progreso para avanzar o retroceder el vídeo. Hay una variable que te dice en que instante se encuentra el vídeo por lo que sólo sería necesario actualizarla. Entonces lo que tengo que hacer es que cuando el usuario pinche sobre la barra tomar el punto donde pinchó y con este dato actualizar la variable mencionada anteriormente. Lo que no tengo ni idea de como hacer es como sabemos en que punto de la barra pinchó el usuario. ¿Alguna idea?