# Composer preview side shows the control buttons under the uploaded videos

**URL:** https://meta.discourse.org/t/composer-preview-side-shows-the-control-buttons-under-the-uploaded-videos/321142
**Category:** UX
**Tags:** composer, video
**Created:** [August 11, 2024, 9:20pm UTC](https://meta.discourse.org/t/composer-preview-side-shows-the-control-buttons-under-the-uploaded-videos/321142 "2024-08-11T21:20:02Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [August 11, 2024, 9:20pm UTC](https://meta.discourse.org/t/composer-preview-side-shows-the-control-buttons-under-the-uploaded-videos/321142/1 "2024-08-11T21:20:02Z")

</div>

Hello 👋

These buttons are not active but appears under videos too.

 ![Screenshot 2024-08-11 at 23.14.36](https://global.discourse-cdn.com/meta/original/4X/d/d/5/dd544d407b6029380531820135bbf27603d1a581.png)

Thanks 🙂

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [August 13, 2024, 5:38pm UTC](https://meta.discourse.org/t/composer-preview-side-shows-the-control-buttons-under-the-uploaded-videos/321142/3 "2024-08-13T17:38:02Z")

</div>

I can’t reproduce the issue, is this a specific filetype perhaps? I’ve tried MP4 and WebM with no luck 🤔

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [August 13, 2024, 6:03pm UTC](https://meta.discourse.org/t/composer-preview-side-shows-the-control-buttons-under-the-uploaded-videos/321142/4 "2024-08-13T18:03:06Z")

</div>

Hello 👋 Here is a sample video. It’s an MP4 video. I still see the buttons there…

 ![Screenshot 2024-08-13 at 19.58.53](https://global.discourse-cdn.com/meta/original/4X/f/4/9/f49a8cfee0407d79d12841aff9cf79bbe4d11519.jpeg)

Oh, Now I tried to upload a longer video and it seems it’s only appears to the short few sec one… 🤔

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [August 13, 2024, 6:19pm UTC](https://meta.discourse.org/t/composer-preview-side-shows-the-control-buttons-under-the-uploaded-videos/321142/5 "2024-08-13T18:19:01Z")

</div>

Hmm now just tried on more videos. Screen records etc. and seems only that video affects now on my side, strange. Probably it’s a result of some converting. But even then it’s not normal. 🤔

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [August 13, 2024, 6:42pm UTC](https://meta.discourse.org/t/composer-preview-side-shows-the-control-buttons-under-the-uploaded-videos/321142/6 "2024-08-13T18:42:36Z")

</div>

ah ha, this is kind of silly… but it’s because the video file name contains dimensions, this gets picked up by a function that is meant to append metadata to an image:

> <https://github.com/discourse/discourse/blob/9cadc402e60e60298eb45910cc4293e6e198eb71/app/assets/javascripts/discourse-markdown-it/src/features/image-controls.js#L37>

and this metadata is used to determine if the controls should appear

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [August 13, 2024, 6:50pm UTC](https://meta.discourse.org/t/composer-preview-side-shows-the-control-buttons-under-the-uploaded-videos/321142/7 "2024-08-13T18:50:04Z")

</div>

Indeed 😯 Nice catch, I would never have realized that 😅

  
`![SampleVideo1mb|video](upload://7cZrskeouBoDXn3EruQR8mFS3gN.mp4)`

  
`![SampleVideo_1280x720_1mb|video](upload://7cZrskeouBoDXn3EruQR8mFS3gN.mp4)`

 ![This image is a screenshot of a cellphone displaying YouTube video thumbnails with play buttons. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/f/4/2/f420cd5819dcae99122aa77ed473f395dc8532c1.jpeg)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [August 13, 2024, 7:15pm UTC](https://meta.discourse.org/t/composer-preview-side-shows-the-control-buttons-under-the-uploaded-videos/321142/8 "2024-08-13T19:15:14Z")

</div>

I’ve got a PR ready that will fix this soon:

[https://github.com/discourse/discourse/pull/28349](https://github.com/discourse/discourse/pull/28349)
