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

**URL:** https://meta.discourse.org/t/how-to-include-a-youtube-video-or-video-widget-on-the-community-home-page/288389
**Category:** Support
**Created:** [December 12, 2023, 3:26pm UTC](https://meta.discourse.org/t/how-to-include-a-youtube-video-or-video-widget-on-the-community-home-page/288389 "2023-12-12T15:26:40Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Srujan\_Madderla](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/srujan_madderla/32/327711_2.png) [@Srujan\_Madderla](https://meta.discourse.org/u/Srujan_Madderla)
#### Post date: [December 12, 2023, 3:26pm UTC](https://meta.discourse.org/t/how-to-include-a-youtube-video-or-video-widget-on-the-community-home-page/288389/1 "2023-12-12T15:26:40Z")

</div>

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](https://global.discourse-cdn.com/meta/original/4X/f/b/b/fbb2ad67ea8d890853e8f3115ad8b1aa32c0e463.jpeg)

Can someone please guide how to achieve this ?

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [December 12, 2023, 3:51pm UTC](https://meta.discourse.org/t/how-to-include-a-youtube-video-or-video-widget-on-the-community-home-page/288389/2 "2023-12-12T15:51:37Z")

</div>

Hi,

Since you are using the [`Right Sidebar Blocks`](https://meta.discourse.org/t/right-sidebar-blocks/231067) 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:

```HTML
<video controls preload="metadata" width="100%">
   <source src="your_link_to_the_video_here" />
</video>

```

For example:

 ![image](https://global.discourse-cdn.com/meta/original/4X/e/9/f/e9f8b8da41566984d19044a59b10cf9127bf0aaf.png)

From my dev forum:

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/e/a/3ea08af6d8a3aa30a2a7375af7f9d90a10433cf1.png)

---

<div class="post-metadata">

### Author: ![Srujan\_Madderla](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/srujan_madderla/32/327711_2.png) [@Srujan\_Madderla](https://meta.discourse.org/u/Srujan_Madderla)
#### Post date: [December 13, 2023, 4:51am UTC](https://meta.discourse.org/t/how-to-include-a-youtube-video-or-video-widget-on-the-community-home-page/288389/3 "2023-12-13T04:51:20Z")

</div>

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](https://global.discourse-cdn.com/meta/original/4X/8/3/6/83612365780724930dcbaa4109922a0f21925947.png)

---

<div class="post-metadata">

### Author: ![Srujan\_Madderla](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/srujan_madderla/32/327711_2.png) [@Srujan\_Madderla](https://meta.discourse.org/u/Srujan_Madderla)
#### Post date: [December 13, 2023, 9:43am UTC](https://meta.discourse.org/t/how-to-include-a-youtube-video-or-video-widget-on-the-community-home-page/288389/4 "2023-12-13T09:43:15Z")

</div>

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

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

```

Can someone please help us on priority ?

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [December 13, 2023, 10:20am UTC](https://meta.discourse.org/t/how-to-include-a-youtube-video-or-video-widget-on-the-community-home-page/288389/5 "2023-12-13T10:20:34Z")

</div>

> [@Srujan\_Madderla](#):
>
> Can someone please help us on priority ?

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

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [December 13, 2023, 11:39am UTC](https://meta.discourse.org/t/how-to-include-a-youtube-video-or-video-widget-on-the-community-home-page/288389/6 "2023-12-13T11:39:05Z")

</div>

What you can do is:

1. Go to the YouTube video page
2. Click on Share and select Embed  
 ![image](https://global.discourse-cdn.com/meta/original/4X/4/f/4/4f41f2d80b65f6f8f5c34a7fb84c9b2080ff5fbf.png)
3. Copy the HTML content  
 ![image](https://global.discourse-cdn.com/meta/original/4X/f/4/b/f4b13d79023c76a3d33ebb5dc0e517dbdd576f92.jpeg)
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](https://global.discourse-cdn.com/meta/original/4X/c/f/4/cf4b7c36b6b787a62582f3641d7ee6ba5afaa9fc.png)

---

<div class="post-metadata">

### Author: ![Srujan\_Madderla](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/srujan_madderla/32/327711_2.png) [@Srujan\_Madderla](https://meta.discourse.org/u/Srujan_Madderla)
#### Post date: [December 18, 2023, 3:56am UTC](https://meta.discourse.org/t/how-to-include-a-youtube-video-or-video-widget-on-the-community-home-page/288389/7 "2023-12-18T03:56:55Z")

</div>

Thank you it worked for us

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [January 17, 2024, 3:57am UTC](https://meta.discourse.org/t/how-to-include-a-youtube-video-or-video-widget-on-the-community-home-page/288389/8 "2024-01-17T03:57:25Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.