How to include a YouTube video or video widget on the community home page?

Product Support

AI-generated summary

Including a YouTube Video on the Community Home Page

Srujan_Madderla is looking to add a YouTube video or video widget to the right panel of their community portal. Arkshine suggests using the Right Sidebar Blocks component and adding a custom HTML block with the video HTML. However, Srujan_Madderla encounters issues with the video not playing.

Akshine provides a solution by suggesting to embed the YouTube video and copying the HTML content. This involves:

  1. Going to the YouTube video page
  2. Clicking on Share and selecting Embed
  3. Copying the HTML content
  4. Removing the width and height attributes to fit the sidebar

Srujan_Madderla confirms that this solution works.

1

We are working on redesigning our community portal and we would like to include a video widget or a YouTube video in the right panel as shown in the below screenshot.

image
image1405×701 166 KB

Can someone please guide how to achieve this ?

2

Hi,

Since you are using the Right Sidebar Blocks component, you can do the following:

  1. Edit blocks settings
  2. Add a new item
  3. In name → custom-html
  4. In params, you add content and as value you can insert your video HTML:
<video controls preload="metadata" width="100%">
   <source src="your_link_to_the_video_here" />
</video>

For example:

image
image603×442 8.3 KB

From my dev forum:

image
image324×692 73 KB

3

Thank you for the reply, i was able to upload to insert the video with the code but the videos are not playing.

Please find the reference screenshot.

image
image290×550 13.1 KB

4

I have tried using the below snippet but the video is not playing.

<video controls preload="metadata" width="100%">
   <source src="https://www.youtube.com/watch?v=mw3gVF4U-FM" />
</video>

Can someone please help us on priority ?

5

Can I suggest you post in Marketplace if you need help from an expert urgently?

6

What you can do is:

  1. Go to the YouTube video page
  2. Click on Share and select Embed
    image
    image591×413 47.2 KB
  3. Copy the HTML content
    image
    image651×508 103 KB
  4. You might want to remove the width and height so it fits in the sidebar (though, you could adjust the height if you want)

Result:

image
image302×294 46.7 KB

7

Thank you it worked for us