Tengo el siguiente problema.
Arme un control de playback para un reproductor HTML 5 con jquery y necesito ayuda con la funcion toggle para aplicar clases css al boton.
Tengo un boton play/pause con la funcion toggle. Al presionar el boton elimina la clase css existente y agrega otra para mosotrar el boton de pause o play segun corresponda.
Ahora estoy trabado en los estados mouseover y mouseout del boton. Es decir que si tengo el boton pause, necesito mostrar el css hover para ese boton y lo mismo para el boton play.
Aqui dejo la funcion que me permite cambiar de boton y ejecutar la accion.
Código:
  
La clases a agregar serian:$("#play").toggle(
  
  function () {
	$('#play').removeClass('video-command-paused');
	$('#play').addClass('video-command');
	video.pause();
  },
  
  function () {
	$('#play').removeClass('video-command');
	$('#play').addClass('video-command-paused');
	video.play();
  }
  
);
video-command-paused-selected para el pause
video-command-selected para el play
Muchas gracias a quien pueda ayudarme!
 

