Hey Petras! Great question. To help, I’ve built this “replica” website with all the code you need. (I took a look at the embed code you added to your website and you were quite close - your code was just in the wrong spots.)
First, look at my published website to see this working as you’d like: https://website-for-petras.webflow.io/
Then, look at my read-only link to see how things work: https://preview.webflow.com/preview/website-for-petras?utm_source=website-for-petras&preview=70c16f412bfd05a0ff72b60521b907a1
Please note that both the
Pause buttons have IDs of
btnPause, respectively. Further, check out the code that I have in the page settings. (This is what actually powers the play/pause functionality.)
In short, the code defines the “player” element (the iframe), and then I followed the Vimeo API docs here and defined an existing player (which is our iframe.)
The code essentially says: when the
Play button is clicked, play the video, and when the
Pause button is clicked, pause the video. All of the interactions (the pause button appearing and video fading in) are all done natively in Webflow with Interactions 2.0.
Hope that helps! Please let me know if you have any questions at all.
Edit for anyone looking at this solution later on: I’ve updated my replica project with the revised code found at the end of this forum post, so you don’t have to worry about factoring that in!