---
title: "Create an Embedded Media Playlist in Designer – Airport CX"
slug: "create-embedded-media-playlist-air"
description: "Build a continuous slideshow of images and video inside a template, with per-item duration and transitions."
updated: 2026-08-25T09:57:10Z
published: 2026-08-25T09:57:10Z
canonical: "docs.simpleway.cloud/create-embedded-media-playlist-air"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.simpleway.cloud/llms.txt
> Use this file to discover all available pages before exploring further.

# Create an embedded media PLAYLIST

Embedded media playlists let you turn any screen into a slideshow, mixing images and video in whatever combination you need. Run the playlist full-screen or place it within a specific part of your layout — see the example below.

Keep in mind, this playlist runs continuously and doesn't support scheduling. If you need your content to play at specific times, see our [Date & Time driven playback - SCHEDULER](/v1/docs/date-time-driven-playback-scheduler-air) tutorial.

Topics covered:

Templates tab - Designer:

- Media library item,
- Media playlist

**Sample screens:**

![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/image-1623407726878.png) ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/image-1623407744858.png)

---

**TUTORIAL STEPS:**

| A) Design new content in the **Templates tab** - see how to do this in the previous [Create basic STATIC content](/v1/docs/create-static-content) tutorial. |
| --- |
| B) We will start by adding the **Media Library** element to our canvas. After the element is added, we can select *existing* *media* from the Media Library or *add new media* to our Media Library. 1. Click on the *Media* icon on the top menu and choose *Media Library.* 2. Place the element on the canvas; the Media Library window pops up for media selection. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide1(163).JPG) |
| **Option 1:** Choose **existing media** from the Media library. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide2(201).JPG) |
| **Option 2:** **Upload a new media file** to the library and use it in our new template. [Download COVID-19 Face image](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/COVID%20wash%20hands.png) [Download COVID-19 Hands image](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/COVID%20wash%20hands.png) | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide3(197).JPG) |
| C) **Create a** **Media playlist** composed of images or videos on your template and set the display duration of each playlist item. 1. On the right-hand menu, under *Media*, configure individual media files for your playlist. 2. Click on the *Add* button to add more media files. 3. Under *Transition*, you can select the type of transition animation to take effect. *Note:* See that in our sample above, the image is full screen with the *same resolution* as the content template (optimal situation). Therefore, the element's position on the template desktop is the top left corner (X:0, Y:0). If required, several smaller media boxes with or without playlists can be added to one content design. Find all your inserted elements by clicking on the *Elements* icon in the right top corner. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide4(164).JPG) |
| D) **Preview** the content template. If you have selected a transition effect, it will be displayed in the preview. 1. Click on the *Preview* icon in the top menu to see your content. 2. Click on the *OK* button to close the window. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide5(133).JPG) |
| E) Click on the *Save & Publish* button in the lower right-hand corner when your content design is final. Now it is **ready to be assigned and shown on your display/s.** | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide6(110).JPG) |

###