<video class='avideo' src='...' poster='...' controls></video> <video class='avideo' src='...' poster='...' controls></video> <video class='avideo' preload='none' src='...' poster='...' controls></video>

así que tengo muchos videos html en una página
algunos de ellos son preload='none'
por defecto - preload none de los videos requiere hacer clic en un play button - para reproducir
de lo contrario, puede hacer clic en el video en sí mismo para reproducirlo

lo que necesito:

• haga clic en cada video en sí, para reproducirlo, independientemente del atributo de preload
• reproduciendo el video en el que se hizo clic: algún otro video en reproducción ( active ) debería pausar la reproducción

aquí está mi mejor - no funciona - no pasa nada al hacer clic

 $('.avideo').on('click', function(){ var th = $(this); if(th.playing){ th.trigger('pause').removeClass('active'); } else{ $('.active').trigger('pause').removeClass('active'); th.trigger('play').addClass('active'); } });