I have a
<video controls> element
When I click on the video (inside the video content), video pauses (Chrome). Is there a way to prevent that (but I still need controls be enabled) ? So solution like:
pointer-events: none;
will not work for me (User should be able to pause the video clicking on play / pause control button), but not clicking inside the video
Add a click eventhandler to the given video and call preventDefault.
document.querySelector('video').addEventListener('click', (e) => e.preventDefault() )
The control will still work, but clicking on the video will not play/pause it.