Adobe Experience Manager Sites & More

Croydon · 9:40:27 PM

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

ShivamKumar · 10:27:51 PM

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.

Croydon · 1:53:38 PM

Thanks for the lead.

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

AmitVishwakarma · 2:54:05 AM

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.

Croydon · 8:19:58 PM

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

aanchal-sikka · 7:21:05 AM

@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

Croydon · 1:15:28 PM

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

Adobe Experience Manager Sites & More

Embedding a YouTube video in an AEM cloud Screens channel

학습

기술 문서

이벤트

커뮤니티

고객 지원

리소스

Adobe 계정

Adobe