If you're looking to sort the episodes in your playlist embed, please see this guide.

If you're using one of Omny Studio's slick embed players, but want it to match the surrounding page, your brand, or stand out from the crowd, you can change the colours of the player. You can also configure the buttons, and functionality, of the player. This is true for both clip players, and playlist players. 

You can set the default options and colours your players will use at the program level, this is great if you're looking to match your branding colours.

1. Go to Program settings.
2. Select the Embed tab.
3. Configure the player to your desired defaults.

To customise a playlist player, and be able to see these changes live, just follow the steps below.

1. Go to the playlist you want to customise. Then in the green sharing options box, go to Embed. Then click on 'Customize this embed'.

2. Here you can turn on and off buttons and functionality on the player, and customise colours. We'll look at colours more below.

3. Tick the box for Custom colours, and you can then change colours for three elements of the player. Choose colours and see them change live in the player.

You can customise all three versions of Playlist Players.

Advanced embed functionality

Embeds can also be manually tweaked to enable further functionality.

  • Play from: add ?t=5s to the end of the iframe URL to start the player at a specified time. The time format is ##m##s for minutes and seconds.

  • Autoplay: add ?autoplay=1 to the end of the iframe URL to enable autoplay on load. (Note: autoplay will not work on modern desktop and mobile browsers due to media restrictions)

  • Select clip in playlist embed: you can manually pre-select a clip in a playlist embed by adding ?selectedClip=[Clip GUID] to the end of the the iframe URL.

  • Hide playlist in playlist embed: you can manually hide the playlist list in a playlist embed to simulate an automatically updating embed by adding ?list=0 to the end of the iframe URL. You also will need to change the height to '180' in the iframe code.

  • Combine multiple functions: Separate functions with & - for example ?t=5s&lang=en

  • Player.js: Developers can also programmatically control the embed player using the player.js Javascript library.

  • Lock embed to a specific language: by default, Omny Studio's embed players will translate to the user's browser language (where supported). If you'd like to 'lock' an embed to a specific language, you can add ?lang=en (for English) or ?lang=fr for French etc.

See it in action

Did this answer your question?