Why is the Video.js big play button not working on touchstart after I apply a custom handler (Of course, the big play button works on click.) Does my custom handler overwrite the default Video.js behavior? If yes, how can I prevent it from overriding Video.js's default touchstart behavior? I need both to work fine—default and my custom handler.

I am using Vue.js with TypeScript.

current:

 if(player.value){
    const playerEl = player.value.el() as HTMLElement
    playerEl.addEventListener('touchstart', handleTouch, {passive:true})
  }

let tappedOnce: ReturnType<typeof setTimeout> | null = null

const handleTouch=(e: TouchEvent)=>{
 if(!player.value) return
 if(!tappedOnce){
   tappedOnce= setTimeout(()=>{
     tappedOnce=null
    },300)
 }else{
   clearTimeout(tappedOnce)
   tappedOnce = null
  //doing something
}