GAMEPLAYER INTEGRATION MANUAL


What is the Spil Game Player?

The Spil Game Player is a runtime environment for the games that are available through the Spil Games Platform. Integrating (embedding) the Spil Game Player on your website is as simple as embedding a youtube video on your site. The Spil Game Player can be used to embed games in any (modern) browser environment, on any device. Including Desktop, touch and phones.

Integrating the Spil Game Player

The Spil Game Player can be integrated (embedded) in a web page using the embed code. A standard Spil Games player embed code looks as follows:


         
          
          

Playing the game

By placing the embed code on your website the game will be visible directly.

         		
                
or ... (please replace your website name instead {portal name})

          


Parameters

If you would like to customize the appearance of the game you have the following options:

Params Description Example
data-width Sets the width of the Spil Game Player. Depending on the game it will scale automatically along with the player or it will show black bars at each side and center the game. The data-width value can entered in pixels or in percentages. data-width="700"
data-width="100%"
data-height Sets the height of the Spil Game Player. Depending on the game it will scale automatically along with the player or it will show black bars on the top and down and center the game. The data-height can entered in pixels or in percentages. data-height="510"
data-height="100%"
data-gid Sets the game identifier to the Spil Game Player. The following example loads the game "Bomb It 6" data-gid="576742227280288098"


Optional params Description Example
data-site Optionally we ask you to integrate this param. For further explanation please consult your assigned account manager. data-site="500"
data-use-viewport By default this param is set to false and will not manipulate the browsers viewport settings. However some (HTML5) games are changing these viewport settings of the browser to optimise the screen layout. This param can be set to either true or false. More information about the viewport can be found here. data-use-viewport="true"