Hello.
On this page http://55-corinthian-drive.webflow.io/ we are using a Vimeo video within the Webflow video module. We want to customize the play button; has anybody had any success in changing the play button’s appearance (we want a circle background, not the default Vimeo rectangle shape) using this setup? And if so could you please advise as to how you went about it.
Hi there. I’ve been looking at some jquery options and tried a few things, nothing has really worked for me so I’m going to leave it as is. But thanks for your time and attention on this! I appreciate it.
Grant
Yes, I got it to work, wasn’t straight forward; uses a script to trigger an iframe over the top of the static image - but it seems that some browser situations aren’t perfect or give the same result. Compare the video playing of this page https://www.55c.co.nz/the-building between Windows os Firefox and Chrome. Works perfectly on Firefox, not so well on Chrome. But works perfectly on Macbook Chrome. Not sure what has changed since it was put together as it was all behaving the same at the time of the build.
The video play function is controlled by a script in an embedded html element. On clicking the video trigger (the play button), the video iframe displays in place. You can see it here.
Sorry for the delay in answering. If it’s still useful to you, take a look at the script in the Embedded HTML element directly below the video on the homepage.
Hey @grantsenior , do you happen to have a webflow share link for how you did this vimeo video embed? It’s exactly what I’m looking for and I would so appreciate a peek under the hood! Thank you!