How to show YouTube videos

Introduction

This tutorial focuses on displaying YouTube videos in Elementi, enabling users to integrate video content seamlessly into their presentations and displays. By following the steps outlined below, you will learn how to showcase YouTube videos without additional elements such as comments or related videos, providing a clean viewing experience for your audience.

Tutorial

This guide outlines the process of embedding YouTube videos in Elementi, ensuring a straightforward setup. By utilizing the YouTube video link, you can easily present engaging content in your displays.

Requirements

YouTube video URL
Elementi
any DSOS player with a DSOS KIOSK license, except for HMP300, HMP350, and DiVA

Prepare the URL

To embed and display YouTube videos in Elementi without any additional elements like descriptions, comment sections, or related videos, you'll need to format the URL like this:

https://www.youtube.com/embed/{VID}?playlist={VID}&autoplay=1&rel=0&controls=0&showinfo=0&loop=1

where {VID} is a string ID that you can find on the regular YouTube page as the v parameter (e.g., /watch?v={VID}).

Example

If you want to embed a specific YouTube video, you first need to find the video ID (VID) from the regular YouTube URL. For instance, for the video link: https://www.youtube.com/watch?v=d76yTKoGf6Y

The video ID is d76yTKoGf6Y.

Replace {VID} in the above format with the actual video ID and get this:

https://www.youtube.com/embed/d76yTKoGf6Y?playlist=d76yTKoGf6Y&autoplay=1&rel=0&controls=0&showinfo=0&loop=1

More examples:

Test the URL

Test the URL on a browser. The video should be on full screen as in image below:

Elementi tutorial

Create a new Elementi project or open an existing one.
Add a new webpage layer using the button on the toolbar.
In the URI field, enter the YouTube video URL.
Click the OK button.
In the toolbar click on fit screen to make the video full screen.
Click the button to fine-tune the layer properties.
Save your project and publish it to your player.