Configuring Player Embed Settings in Backlot

After you create a player (see Creating a Player in Backlot), you can configure its embed settings. Any changes are automatically applied to all videos that are associated with this player.
Note: Any page-level player params that remain in your website code will still have priority. See Order of Precedence in Player V4 Settings.
For Player V4, see also Basic Embedding Information and Embedding Player V4 on a Web Page.

Player Embed Sub-tab

To configure player embed settings in the Backlot UI, go to the Embed sub-tab.
  1. Log in to Backlot: https://backlot.ooyala.com/.
  2. Choose the MANAGE tab.
  3. Select an asset from the list.
  4. Choose the Embed tab.
The tab consists of two sections:
  • Player Settings
  • Generate Embed Code

Select a Player to Configure

Under Custom Player in Player Settings, select from the list a player that you want to configure. The player version determines which embed code options are available to you.

Configuring Player Settings

Configure basic embed settings for the selected player.
Setting Description Player V4 Player V3
Player (Custom or Default) Select the player to configure.
Permalink where content is embedded URL where the content is embedded.
Content ID Backlot ID for the selected content.
Player ID Backlot ID for the selected player.

Generating the Embed Code

Generate the embed code for the selected player.
Setting Description Player V4 Player V3
Size Size of the player window. One of the following settings:
 
  • Responsive (Player V4 only) - automatically sized based on web container where embedded
 
 
  • Preset Sizes - including the encoded size for the selected asset
 
  • Custom
If you select a custom size, specify the dimensions:
  • height
  • width
  • Maintain aspect ratio
Autoplay
  • Select (check) to start playing the asset automatically as soon as it is loaded.
  • Clear (uncheck) to require the user to click the Play button to start playing the asset.
Autorepeat
  • Select (check) to start replaying the asset (video only) automatically as soon as playback ends.
  • Clear (uncheck) to require the user to click the Play button to start playing the asset again.
Embed Code Type Select the type of embed code from the list box. Available options depend on the player version associated with the selected player.
  • V4 HTML5 Standard Player Embed Code (recommended):

    Automatically includes the following plugins:

    • Core Player (core.min.js)
    • Player Skin (html5-skin.min.js, html5-skin.min.css). Note that skin.json is NOT included automatically, which allows reading Player UI settings from Backlot.
    • Bitmovin plugin for HLS and DASH (bit_wrapper.min.js)
    • Main video plugin for HLS and MP4 (main_html5.min.js)
    • Ad Plugins (Pulse, Google IMA, Freewheel and VAST)
    • Discovery Plugin (discovery_api.min.js)
    If you select this embed code, you no longer add these plugins to the web page (they need removed if currently inline, as duplicate plugin embeds can cause unexpected results). For all other plugins (for example, analytics plugins), you need to add the plugin explicitly on the web page.
  • V4 HTML5 Player Embed Code (Advanced) Includes no plug-ins. You must specify every plugin you use on the web page.
    Note: This is the same as the Player V4 embed code available before May 31, 2017 in Backlot.
  • V3 HTML Embed Code or V3 HTML (HTTPS) Embed Code: Player V3 only. Both use "//" for URLs.
  • V2 Flash Embed Code (Deprecated) or V2 Flash (HTTPS) Embed Code (Deprecated): Player V2 only. Both use "//" for URLs.
Note: If you use the Flash embed code, iOS devices will be unable to view the video. To ensure your video can be viewed on Apple devices, use the HTML embed code.
Note: Audio assets require HTML.
Generated Embed Code Embed code (HTML format) that Backlot generates based on your other selections on this tab. Click the Copy button to copy the entire embed code to your clipboard. Paste the content on the page where you will publish it. If you are publishing to HTML, make sure the content is within the HTML <body> element. For Player V4, see Embedding Player V4 on a Web Page.

Was this article helpful?