Embedding a YouTube video in an AEM cloud Screens channel

Forum|Forum|8 months ago
April 30, 2025
3 replies
724 views

Hi team

I'd like to embed a YouTube video on a Channel in AEM Screens.

I've tried using the Embedded page component without luck and the Video component assumes the media is hosted within AEM.

Any advice on how or pointers to resources would be appreciated.

Regards
Croydon

S

ShivamKumar

Level 4

Hi @croydon ,

Try this to embed a YouTube video in AEM Screens, use the HTML Widget in your channel and point it to a custom HTML file with an iframe like this:

Upload this HTML file to AEM DAM and link to it from the HTML Widget.

Let me know if it works.
Thanks.

C

CroydonAuthor

Thanks for the lead.

However there is no HTML widget component available to add to the Channel.

AmitVishwakarma

Community Advisor

Hi @croydon ,

1. Create an HTML File

Create a simple .html file with the following code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>YouTube Video</title>
  <style>
    html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      background-color: black;
    }
    iframe {
      width: 100%;
      height: 100%;
      border: none;
    }
  </style>
</head>
<body>
  <iframe
    src="https://www.youtube.com/embed/YOUTUBE_VIDEO_ID?autoplay=1&controls=1&mute=1&loop=1&playlist=YOUTUBE_VIDEO_ID"
    allow="autoplay; fullscreen">
  </iframe>
</body>
</html>

Replace YOUTUBE_VIDEO_ID with your actual YouTube video ID.

2. Upload to AEM DAM

Go to Assets > Files.

Upload the .html file (e.g., /content/dam/screens/html/youtube-video.html).

3. Add to HTML Widget in AEM Screens

Go to AEM Screens > Channels.

Select your channel.

Add an HTML Widget.

In its properties, set the URL to the DAM path:
/content/dam/screens/html/youtube-video.html

Note:

If autoplay doesn’t work, ensure the video is muted (some players restrict autoplay with sound).

You may also use a loop parameter as shown above.

C

CroydonAuthor

Thanks for the lead.
However there is no HTML widget component available to add to the Channel.

aanchal-sikka

Community Advisor

@croydon Did you find the suggestions helpful? Please let us know if you require more information. Otherwise, please mark the answer as correct for posterity. If you've discovered a solution yourself, we would appreciate it if you could share it with the community. Thank you!

Aanchal Sikka

C

CroydonAuthor

Hi
I don't have visibility of an html widget, as per my feedback on the replies, so they were of limited usefulness without this.
Regards
Croydon

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded