Multiple Youtube Embeds - videos don't show

Hey!

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 Image 2020-02-27 at 11.01.4... 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. Screen Recording 2020-02-27... What am I doing wrong?