# Placing a Button over Video

**URL:** https://forum.builder.io/t/placing-a-button-over-video/4122
**Category:** Visual Editor Help
**Tags:** visual-editor
**Created:** [August 30, 2023, 7:58pm UTC](https://forum.builder.io/t/placing-a-button-over-video/4122 "2023-08-30T19:58:45Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![MikeM](https://avatars.discourse-cdn.com/v4/letter/m/41988e/32.png) [@MikeM](https://forum.builder.io/u/MikeM)
#### Post date: [August 30, 2023, 7:58pm UTC](https://forum.builder.io/t/placing-a-button-over-video/4122/1 "2023-08-30T19:58:45Z")

</div>

I might be doing something wrong but when a button is placed over a video component the button is no longer clickable.

Any idea on how I could fix this?

---

<div class="post-metadata">

### Author: ![MikeM](https://avatars.discourse-cdn.com/v4/letter/m/41988e/32.png) [@MikeM](https://forum.builder.io/u/MikeM)
#### Post date: [September 7, 2023, 8:07pm UTC](https://forum.builder.io/t/placing-a-button-over-video/4122/2 "2023-09-07T20:07:45Z")

</div>

I can set the video to a background but I feel like this will affect the performance of the site?

---

<div class="post-metadata">

### Author: ![anon43891756](https://avatars.discourse-cdn.com/v4/letter/a/50afbb/32.png) [@anon43891756](https://forum.builder.io/u/anon43891756)
#### Post date: [September 8, 2023, 9:41am UTC](https://forum.builder.io/t/placing-a-button-over-video/4122/3 "2023-09-08T09:41:07Z")

</div>

Hi @MikeM, Welcome to [Builder.io](http://Builder.io) Forum!

Could you please share the builder content entry link where you’re facing this issue in implementation?

---

<div class="post-metadata">

### Author: ![MikeM](https://avatars.discourse-cdn.com/v4/letter/m/41988e/32.png) [@MikeM](https://forum.builder.io/u/MikeM)
#### Post date: [September 8, 2023, 5:23pm UTC](https://forum.builder.io/t/placing-a-button-over-video/4122/4 "2023-09-08T17:23:58Z")

</div>

Hey thanks,

Is this the link you are referring too?

> **[Builder.io: Drag & Drop Headless CMS](https://builder.io/content/a38a104680db4ae593871ebe9c59482f)**
>
> Drag and drop with your components, right within your existing site or app. Build and optimize digital experiences for any tech stack, visually..

![image](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/a/afc1f3a17300d611315fa9790ad643a4681cda86.png)

When placing a button within a photo the button is still usable but when placed within a video it is not. I tried playing with the zindex but no luck.

---

<div class="post-metadata">

### Author: ![anon43891756](https://avatars.discourse-cdn.com/v4/letter/a/50afbb/32.png) [@anon43891756](https://forum.builder.io/u/anon43891756)
#### Post date: [September 13, 2023, 4:20pm UTC](https://forum.builder.io/t/placing-a-button-over-video/4122/5 "2023-09-13T16:20:47Z")

</div>

@MikeM, Thanks for sharing this, looks like you are running on localhost so I will not be able to test it directly.

I tried in my space and the button on the video works fine. I added z-index:2 to the button layer.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/3/306077947c0081584248d6387d0f056f66cd6508.png)

---

<div class="post-metadata">

### Author: ![MikeM](https://avatars.discourse-cdn.com/v4/letter/m/41988e/32.png) [@MikeM](https://forum.builder.io/u/MikeM)
#### Post date: [September 21, 2023, 4:06pm UTC](https://forum.builder.io/t/placing-a-button-over-video/4122/6 "2023-09-21T16:06:27Z")

</div>

Thanks for checking, is your button just visible or can you click it as well?

When I try this the button is visible but you cannot interact with it.

---

<div class="post-metadata">

### Author: ![OmPrakash](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/omprakash/32/2751_2.png) [@OmPrakash](https://forum.builder.io/u/OmPrakash)
#### Post date: [October 3, 2023, 8:38am UTC](https://forum.builder.io/t/placing-a-button-over-video/4122/7 "2023-10-03T08:38:37Z")

</div>

@MikeM  
Sorry for not getting back sooner. Just wanted to follow up and check if you were able to get the button over the video to interact. The button over the video we tried was visible and able to interact as well.

Let us know if you have any other questions. Thank you!

---

<div class="post-metadata">

### Author: ![MikeM](https://avatars.discourse-cdn.com/v4/letter/m/41988e/32.png) [@MikeM](https://forum.builder.io/u/MikeM)
#### Post date: [October 3, 2023, 2:59pm UTC](https://forum.builder.io/t/placing-a-button-over-video/4122/8 "2023-10-03T14:59:08Z")

</div>

Thanks for checking in, unfortunately I am not having much luck.

I believe Disabling “Fit Content” might have some effect on the usability of the button.

---

<div class="post-metadata">

### Author: ![OmPrakash](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/omprakash/32/2751_2.png) [@OmPrakash](https://forum.builder.io/u/OmPrakash)
#### Post date: [October 5, 2023, 7:09am UTC](https://forum.builder.io/t/placing-a-button-over-video/4122/9 "2023-10-05T07:09:02Z")

</div>

Hi @MikeM ,

Can I know what you are trying to achieve? and if you could share the Content URL ( the browser URL when visiting the content page ) where you are facing an issue? Or if you could send us a recording of the steps to replicate the issue would be great. It’ll help us better examine the issue.

---

<div class="post-metadata">

### Author: ![MikeM](https://avatars.discourse-cdn.com/v4/letter/m/41988e/32.png) [@MikeM](https://forum.builder.io/u/MikeM)
#### Post date: [October 5, 2023, 1:47pm UTC](https://forum.builder.io/t/placing-a-button-over-video/4122/10 "2023-10-05T13:47:55Z")

</div>

Thanks for your help, I believe I found the issue it seems to related to the “Fit-Content” slider.

Here is a video of the issue: [builderBug](https://streamable.com/nn29rf)

---

<div class="post-metadata">

### Author: ![OmPrakash](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/omprakash/32/2751_2.png) [@OmPrakash](https://forum.builder.io/u/OmPrakash)
#### Post date: [October 10, 2023, 10:43am UTC](https://forum.builder.io/t/placing-a-button-over-video/4122/11 "2023-10-10T10:43:23Z")

</div>

Hi @MikeM ,  
Thank you for sharing the recording. I tried to follow the steps to confirm if the button interacts. It seems to be working, I created a Element event on the button click. ( Here is a [Loom](https://www.loom.com/share/f8110fa79ab24dd5bd246a8d979f7fab?sid=9f3aa8d4-4eb4-4ec3-b804-b918d06a718e))  
Do you have an action/event set on the button click?

Let me know if you further questions.

---

<div class="post-metadata">

### Author: ![Stephane](https://avatars.discourse-cdn.com/v4/letter/s/dfb087/32.png) [@Stephane](https://forum.builder.io/u/Stephane)
#### Post date: [October 25, 2023, 1:38pm UTC](https://forum.builder.io/t/placing-a-button-over-video/4122/12 "2023-10-25T13:38:25Z")

</div>

Hi @MikeM - I wanted to follow-up and checked if you saw @OmPrakash’s comment and associated video?  
Hope this helped solve your issue.

---

<div class="post-metadata">

### Author: ![MikeM](https://avatars.discourse-cdn.com/v4/letter/m/41988e/32.png) [@MikeM](https://forum.builder.io/u/MikeM)
#### Post date: [October 26, 2023, 2:42pm UTC](https://forum.builder.io/t/placing-a-button-over-video/4122/13 "2023-10-26T14:42:15Z")

</div>

Yes I did,

I managed to get it working by playing with the “Fit-Content” slider and changing from just a button to a box that contained a button.

Thanks again
