Jump to content

How to show YouTube videos

From SpinetiX Wiki
Note  
Applies to all DSOS players, except HMP300, HMP350, and DiVA. It requires KIOSK Feature Set or higher.

Introduction

This tutorial focuses on displaying YouTube videos in Elementi 2020 or later, 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.

Hare are some examples of videos that could be used:

Tutorial

Security note

This tutorial uses yout‑ube.com, a third‑party viewer that uses a URL trick to show YouTube videos in a stripped‑down, ad‑light/full‑screen player; not affiliated with Google and has limitations/risks. It acts as a wrapper/redirector around YouTube content (often leaning on the youtube‑nocookie embed), removing page elements like comments and recommendations to keep the view clean. As a third‑party middle layer, it can change behavior at any time; you don’t control what extra scripts might be injected around the embed.

Conclusion: This third-party viewer is “not obviously malicious,” but it’s not appropriate as a best‑practice recommendation - use at your own risk.

Alternative: Serve a tiny HTML page (on the player or any internal web server) that hosts the YouTube iframe. Because the iframe loads from a page, the browser will send a Referer to YouTube—solving Error 153: “Video player configuration error”. Use privacy‑enhanced mode (youtube‑nocookie.com) and set the referrer policy explicitly.

Prepare the URL

If you want to embed a specific YouTube video, you need to take the regular URL and insert a hyphen character (-) after the “t” in youtube. For instance, starting from this video link: https://www.youtube.com/watch?v=d76yTKoGf6Y, the new URL will be:

https://www.yout-ube.com/watch?v=d76yTKoGf6Y

Elementi tutorial

  1. Create a new Elementi project or open an existing one.
  2. Add a new webpage layer using the dedicated button from the toolbar, as shown below.
  3. In the URI field, enter the modified YouTube video URL.
    Add YouTube web page layer
    Add YouTube web page layer
  4. Click the OK button.
  5. Click the “Fit Screen” on the toolbar if you want to make the layer full screen.
  6. Click the Layer Properties button to fine-tune the layer properties.
  7. Save your project and publish it to your player.

See also