Whenever I try to create a youtube player in an iframe the usual way (like shown here), I encounter an issue where any touch on the video player is intercepted by the video controls, making it impossible for users to tap on a button placed above the iframe.
By removing the controls using the parameter "controls=0", I am able to solve this problem and allow users to interact with the button. However, I am looking for a solution that allows me to keep the controls on without encountering this issue. One option could be creating my own custom controls overlay, but this is not ideal. It seems like YouTube can manage touch interactions differently with JavaScript, so there might be a solution out there.
This issue does not occur on Android tablets.
Thank you in advance to anyone who can provide assistance!