How can I prevent videos from playing when someone clicks on an overlay?

StackOverflow https://stackoverflow.com/questions/12888216

  •  07-07-2021
  •  | 
  •  

Question

I have tried the recommended -webkit-transform-style: preserve-3d on my video elements to prevent videos from starting when the user clicks on an overlay that is above the video element, but the videos still play :s

Seems to be an issue with mobile safari as there is NO problem in Chrome.

Can anyone provide any other recommendations?

Thanks!!!

Was it helpful?

Solution

Are you capturing the event on the overlay? If so, call event.stopPropagation and that should block it from bubbling up to the video element.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top