title: html5 onClick toggled by clicking controls
body: <p>I added an event listener to my video element so that users can play or pause the video by clicking anywhere on the element. I noticed that the event fires even when I click on the video controls (such as changing the volume slider), which obviously was not my intention. </p>
  
  <p>Is there a relatively simple workaround for this?</p>