Embed and Customize The Stage TEN Interactive Player on your website

You can embed the Stage TEN Interactive Player on your website

How to embed The Stage TEN Interactive Player on your website

1. Sign in to the Stage TEN Pro Studio.

2. Go to Settings (gear icon, top right) > Manage Destinations.

3. Click on the Stage TEN icon.

4. You can copy the embed code using the Copy button (see below).

5 good-1

Customize the look and feel of your Stage TEN Interactive Player's thumbnail

6 good

The image you want use as a thumbnail must be hosted somewhere online
- The URL of the thumbnail image file must be encoded. Consider using this online encoder: https://meyerweb.com/eric/tools/dencoder/
You can update the thumbnail/splash image by appending the following parameter to the player URL in the embed code:

?splashImageURL=<URL-to-image>

For example:

<iframe
    src="https://play.stageten.tv/embed/CHANNEL ID?splashImageURL=INSERT_HORIZONTAL_IMAGE_URL&splashImageURLVert=INSERT_VERTICAL_IMAGE_URL&accentColor=HEX_CODE"
    title="Stage TEN Interactive Player"
    style="width: 100%; height: 100%; position: absolute; left: 0; top: 0"
    allow="fullscreen; autoplay"
    frameBorder="0"
  >
</iframe>

Here's an example of what a final version should look like

<iframe
src="https://play.stageten.tv/embed/787ce505-4b71-45bd-9b85-91cce6e6d4ae?splashImageURL=https%3A%2F%2Fstageten.tv%2Fhubfs%2Fempowered%2FAssets%2F03_bamblu_horizontal.png&splashImageURLVert=https%3A%2F%2Fstageten.tv%2Fhubfs%2Fempowered%2FAssets%2F03_bamblu_vertical.png&accentColor=006177"
title="Stage TEN Interactive Player"
style="width: 100%; height: 100%; position: absolute; left: 0; top: 0"
allow="fullscreen; autoplay"
frameBorder="0"
>
</iframe>