Prevent video controls in Safari from triggering a click event

As can be seen in the Codepen (https://codepen.io/MrKoga/pen/PomGezw), in Safari the video controls trigger a click event on the video element. In Chrome they do not.

HTML

<video id="videoClick" controls width="250">
    <source src="https://example.com/media/moviewebm " type="video/webm">
    <source src="https://example.com/media/movie.mp4 " type="video/mp4">
    Sorry, your browser doesn't support embedded videos.
</video>

JS

document.getElementById("videoClick")
  .addEventListener("click", () => console.log("video clicked"))

How do I to prevent this behavior in Safari? Thanks!