Engage 360: Changing the Browser Settings and Player Size

Engage 360 lets you control several attributes of the player and browser for your published interaction.

First, click Player on the Engage ribbon. When the player properties appear, click Other on the ribbon. Then, follow the steps below to change your settings.

Choosing the Player Size

Launching the Interaction in a New Window
Calculating the Dimensions of Your Published Interaction

Saving Player Changes

Choosing the Player Size

You can control the size of your interaction on desktop computers. (On mobile devices, the player appears as a bar along the side or bottom of the screen.) Select one of these options from the Player size drop-down list.

Scale player to fill browser window: This scales your published interaction to fill the learner's browser window.
Lock player at optimal size: This is the default option. It locks the published interaction at its optimal size, which is the interaction size plus additional width and height for the player frame. Even if learners resize their browsers, the interaction itself stays at its optimal size.

The player frame adds 20 pixels to the width of your interaction and up to 94 pixels to the height, depending on the player features you selected (see below).

Launching the Interaction in a New Window

You can launch your interaction in a new browser window (or a new browser tab on mobile devices). Just mark the box to Launch player in new window. This adds a launcher.html file to your published output. Give learners a link to the launcher.html file rather than the default interaction.html file.

When you launch an interaction in a new browser window, you also get to decide how the new window behaves on desktop computers. Choose from the following options. (These options don’t apply to tablets and smartphones.)

Display window with no browser controls: Mark this box to display the new window without any browser controls. It'll have an address bar, but it won’t be editable. Uncheck this box to give the new browser window the same controls as the parent window.
Allow user to resize browser: Mark this box to let learners resize the browser window as they choose. Uncheck it to lock the browser at the optimal size to fit your interaction.

The optimal size is your interaction size plus additional width and height for the player frame. The player frame adds 20 pixels to the width of your interaction and up to 94 pixels to the height, depending on the features you selected. See below for details.
Browser Size: Choose to open the new browser window at optimal size or let it fill the screen on desktop computers. (On mobile devices, the browser always fills the screen.)

The optimal size is your interaction size plus additional width and height for the player frame. The player frame adds 20 pixels to the width of your interaction and up to 94 pixels to the height, depending on the features you selected. See below for details.

Calculating the Dimensions of Your Published Interaction

The overall size of your published interaction will be slightly larger than your interaction dimensions. The player adds 20 pixels to the width and up to 94 pixels to the height, depending on the player features you selected. See the following table for details.

Player Feature	Width	Height
Player frame (with or without player features)	+20 pixels	+20 pixels
Title		+23 pixels
Volume controller, seekbar, or navigation buttons		+51 pixels

Here’s an example: Let's say your interaction size is 720 x 405 and you enable the navigation buttons and seekbar. The overall dimensions of your published interaction are 740 x 476. (This is also known as the optimal size of your interaction.) Here’s the breakdown:

	Width	Height
Slide size	720 pixels	405 pixels
Player frame	+20 pixels	+20 pixels
Navigation buttons and seekbar		+51 pixels
Published Dimensions	740 pixels	476 pixels

Saving Player Changes

When you click OK to close the Player Properties window, Engage saves your changes in the current project file.

If you'd like to use the same customizations in other projects, click Current Player on the ribbon and choose Save. Enter a name for your custom player if you're prompted and click OK.

To learn more about the Current Player options, see this user guide.