Play-button and home screen styles

Play-button and home screen styles

You can adjust the play-button and home screen style displayed at the beginning of the video through the parameters in the embed code. This allows you to change both the color of the play button, and the opacity of the overlay. 

What are parameters?

A parameter is a variable that is added to the URL in the form of a querystring. Parameters exist in a range of categories and can activate many different functions. It is possible to add multiple parameters at once. This is done in the following way:

?parameter1=value1&parameter2=value2&parameter3=value3

The first parameter always starts with a ‘?’ sign. Following parameters are separated by an ‘&’ sign.


Style options

Overlay opacity

Parameter: iv_player_overlay_opacity

Value: 0 – 100

Example: iv_player_overlay_opacity=90

The value indicates the opacity of the dark layer. A value of 0 indicates complete transparency, while a value of 100 indicates a completely black overlay. 


Play-button color

Parameter: iv_player_playbutton_color

Value: 33AA33 (hexadecimal colorcode)

Example: iv_player_playbutton_color=33AA33


Apply to the embed code

The parameters are activated by adding them to the URL in the embed code. Example of code:

  1. <div style=”width:100%;position:relative;padding-top:56.25%;”><iframe
  2. src=”https://projects.ivory.studio/embed/projects/6T5YKI6xkyQLeUff?
  3. iv_player_overlay_opacity=90&iv_player_playbutton_color=33AA33
  4. style=”border:0;width:100%;height:100%;position:absolute;top:0px;bottom:0px;right:0px;left:0px;”
  5. allowfullscreen></iframe></div>