I want Youtube videos to show custom play buttons. For this I used this snippet https://mdbootstrap.com/snippets/jquery/bartek-malanowski/507300
It works great for the first video on the landing page. However, I have 3 such videos across the same page.
I have duplicated js code 2 times and changed tags to make them unique like this https://cl.ly/6d01c2bf964b and changed the html code in each video accordingly.
Everything shows like it should. First one plays perfectly. But when I click ‘play’ on other two, the youtube video doesn’t show - instead of Youtube embed video loading, it just goes blank. Audio plays though. https://cl.ly/351d08fb64bc What am I doing wrong?