# Video Component - Video Play Icon

**URL:** <https://forums.realmacsoftware.com/t/video-component-video-play-icon/46338>\
**Category:** RapidWeaver Elements\
**Created:** [February 19, 2025, 11:18am UTC](https://forums.realmacsoftware.com/t/video-component-video-play-icon/46338 "2025-02-19T11:18:50Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![mrTablet](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mrtablet/32/21819_2.png) [@mrTablet](https://forums.realmacsoftware.com/u/mrTablet)\
**Post date:** [February 19, 2025, 11:18am UTC](https://forums.realmacsoftware.com/t/video-component-video-play-icon/46338/1 "2025-02-19T11:18:50Z")

</div>

Is it possible to add a transparent video play icon over a video to indicate that the video can be played?

---

<div class="post-metadata">

**Author:** ![destinations2see](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/destinations2see/32/27937_2.png) [@destinations2see](https://forums.realmacsoftware.com/u/destinations2see)\
**Post date:** [February 19, 2025, 9:59pm UTC](https://forums.realmacsoftware.com/t/video-component-video-play-icon/46338/3 "2025-02-19T21:59:19Z")

</div>

I also noticed some other things about the video component. Not sure if I am doing something wrong, or if they are real issues:

- documentation says that there are styling options like rounded corners for the video component, but I couldn’t find these styling options yet.
- when clicking on the video to start play mode, it changes position, about 50% further down.

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [February 21, 2025, 8:28am UTC](https://forums.realmacsoftware.com/t/video-component-video-play-icon/46338/4 "2025-02-21T08:28:35Z")

</div>

> [@mrTablet](#):
>
> Is it possible to add a transparent video play icon over a video

The Video component already has an “Overlay” dropzone that allows you to add any component on top of the video thumbnail. So you could drop an SVG in to the Overlay drop zone like so:

 ![Screenshot 2025-02-21 at 09.25.41](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/6/f620a68e94af915f50df5e4a51d10c9fcccd3ff4.jpeg)

Is this what you were thinking?

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [February 21, 2025, 8:32am UTC](https://forums.realmacsoftware.com/t/video-component-video-play-icon/46338/5 "2025-02-21T08:32:42Z")

</div>

> [@destinations2see](#):
>
> styling options like rounded corners for the video component, but I couldn’t find these styling options yet.

Rounded corners is available in the Borders control group. You need to enable borders, and then set the radius.

Note that you also need to ensure the Layout-\>Overflow setting is set to “hidden”.

 ![Screenshot 2025-02-21 at 09.29.51](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/b/2bab98ca1477d6e1d78ac026c4dc5ac3fcf24c73.jpeg)

---

<div class="post-metadata">

**Author:** ![mrTablet](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mrtablet/32/21819_2.png) [@mrTablet](https://forums.realmacsoftware.com/u/mrTablet)\
**Post date:** [February 21, 2025, 9:18am UTC](https://forums.realmacsoftware.com/t/video-component-video-play-icon/46338/6 "2025-02-21T09:18:01Z")

</div>

Yes @ben This is what I was thinking.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 21, 2025, 9:44am UTC](https://forums.realmacsoftware.com/t/video-component-video-play-icon/46338/7 "2025-02-21T09:44:58Z")

</div>

Great, that feature is already in Elements 😊

---

<div class="post-metadata">

**Author:** ![destinations2see](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/destinations2see/32/27937_2.png) [@destinations2see](https://forums.realmacsoftware.com/u/destinations2see)\
**Post date:** [February 23, 2025, 10:55pm UTC](https://forums.realmacsoftware.com/t/video-component-video-play-icon/46338/8 "2025-02-23T22:55:10Z")

</div>

Thank you so much @ben this looks really nice 🙂

---

<div class="post-metadata">

**Author:** ![destinations2see](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/destinations2see/32/27937_2.png) [@destinations2see](https://forums.realmacsoftware.com/u/destinations2see)\
**Post date:** [February 24, 2025, 7:47am UTC](https://forums.realmacsoftware.com/t/video-component-video-play-icon/46338/9 "2025-02-24T07:47:47Z")

</div>

@ben : I played around with the video component, and I discovered these problems:

- corners are only rounded on still images, not on the video (using YT as an external resource)
- video is shifted down for a few pixels, see below:

 ![Bildschirmfoto 2025-02-24 um 08.42.29](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/9/79ddbf6092babf9deb2af2ba82616a612ae69e31.jpeg)

What am I doing wrong?

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 24, 2025, 2:35pm UTC](https://forums.realmacsoftware.com/t/video-component-video-play-icon/46338/10 "2025-02-24T14:35:09Z")

</div>

Hi @destinations2see.

not sure if that helps. But I had a similiar issue with an overlaid blur effect. In the container there are 2 places where to specify the `height` under `Content Layout` and a bit lower under `Sizing`. To get rid of the line in my case I had to set on the child component the `Sizing > Height` to `Full` that fixed it for me.

**Problem**

 ![CleanShot 2025-02-24 at 22.35.39](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/e/5eaa89b038afcc3b9474207faddc97b547034b11.png)

**Components**

![CleanShot 2025-02-24 at 22.36.29](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/1/71f960b2c1c80fd19d6af30e29949dd4ed53e5c2.png)

**Card \> New Settings**

 ![CleanShot 2025-02-24 at 22.37.09](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/b/eb60d0bd667025273895d136e8ab123805549001.png)

**Container \> New Settings**

 ![CleanShot 2025-02-24 at 22.37.41](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/f/ff5d1a9d32416d905747ab9754fdfb6b7b471146.png)

**Result**

 ![CleanShot 2025-02-24 at 22.38.16](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/b/bbccdbedc0f5838c6b741cc9b0eccf3123c65423.png)

---

<div class="post-metadata">

**Author:** ![destinations2see](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/destinations2see/32/27937_2.png) [@destinations2see](https://forums.realmacsoftware.com/u/destinations2see)\
**Post date:** [February 26, 2025, 10:11pm UTC](https://forums.realmacsoftware.com/t/video-component-video-play-icon/46338/11 "2025-02-26T22:11:23Z")

</div>

Problem solved. I had to play around with sizing and spacing to fix it. I was just surprised that the thumbnail looked fine while the video didn’t.
