Hola!
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:
$("#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();
}
);
La clases a agregar serian:
video-command-paused-selected para el pause
video-command-selected para el play
Muchas gracias a quien pueda ayudarme!