admin管理员组

文章数量:1355925

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
}

本文标签：

版权声明：本文标题：javascript - Video.js big play button not working when a custom touchstart event is added to the video element - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743940254a2565431.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。