Far I've found that giving the iframe a background colour will alter the timeline number colour, but other than that I'm not seeing a way to change the player's controls colour other than the Vimeo embed code itself.
... iframe { background-color: #000; }
I'd Google'd this quite a bit, not found anything unfortunately so I turn to stack. I'm looking to change player controls. I have a slight feeling this can be done with jQuery maybe? Grab the default colour and change it, or something would be the idea.
Far I've found that giving the iframe a background colour will alter the timeline number colour, but other than that I'm not seeing a way to change the player's controls colour other than the Vimeo embed code itself.
... iframe { background-color: #000; }
I'd Google'd this quite a bit, not found anything unfortunately so I turn to stack. I'm looking to change player controls. I have a slight feeling this can be done with jQuery maybe? Grab the default colour and change it, or something would be the idea.
Share Improve this question edited Apr 12, 2019 at 13:32 double-beep 5,53719 gold badges40 silver badges49 bronze badges asked Jul 3, 2011 at 2:18 NaotaNaota 6583 gold badges12 silver badges17 bronze badges1 Answer
Reset to default 3As you said it can be achieved with options in Vimeo's embed code.
Alternatively, use those embed options to enable the Javascript API with api=1
then you can change options and set the color via Javascript with setColor()
.
Vimeo are working on an embeddable HTML5 player in which case you'll have full control over the player controls.
Hope that helps