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!