# Video thumbnails issue

**URL:** https://meta.discourse.org/t/video-thumbnails-issue/263595
**Category:** Support
**Tags:** video
**Created:** [May 2, 2023, 8:51pm UTC](https://meta.discourse.org/t/video-thumbnails-issue/263595 "2023-05-02T20:51:02Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![4ong](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/4ong/32/186618_2.png) [@4ong](https://meta.discourse.org/u/4ong)
#### Post date: [May 2, 2023, 8:51pm UTC](https://meta.discourse.org/t/video-thumbnails-issue/263595/1 "2023-05-02T20:51:03Z")

</div>

Hi,  
It seems that the official [Mux Video Plugin](https://github.com/discourse/discourse-video) doesn’t support thumbnails - and YouTube/Vimeo videos have nice thumbnails.

What is the most correct way to fix it?  
Should I look in plugin logic or is there any thumbnail generator for the topics that can be triggered?

It was my long pause here…  
Thank you!

---

<div class="post-metadata">

### Author: ![dylanmux](https://avatars.discourse-cdn.com/v4/letter/d/ecae2f/32.png) [@dylanmux](https://meta.discourse.org/u/dylanmux)
#### Post date: [May 2, 2023, 9:09pm UTC](https://meta.discourse.org/t/video-thumbnails-issue/263595/2 "2023-05-02T21:09:59Z")

</div>

Hi 👋🏼

Dylan here from Mux. First time I’m seeing this Mux plugin. It looks like from poking around the repo that it uses Hls.js.

It _should_ be a relatively straight forward lift to switch the player to [Mux Player](https://mux.com/player)

That would give you the nice feature of timeline hover previews without any extra work. I’m not familiar with Discourse plugins, but happy to help get Mux Player integrated.

---

<div class="post-metadata">

### Author: ![4ong](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/4ong/32/186618_2.png) [@4ong](https://meta.discourse.org/u/4ong)
#### Post date: [May 3, 2023, 4:37am UTC](https://meta.discourse.org/t/video-thumbnails-issue/263595/3 "2023-05-03T04:37:20Z")

</div>

Hi Dylan,  
Thank you for the answer and for the answer, yeah - Mux Player is the best option as we are making strong use of the Mux in our current video-related community (including live-videos at some later stage).

I will try to get it supported and fork/PR the plugin.

---

<div class="post-metadata">

### Author: ![4ong](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/4ong/32/186618_2.png) [@4ong](https://meta.discourse.org/u/4ong)
#### Post date: [May 4, 2023, 8:03pm UTC](https://meta.discourse.org/t/video-thumbnails-issue/263595/4 "2023-05-04T20:03:18Z")

</div>

During the first quick attempts, I failed to integrate Mux Player instead of Hls.js.  
Will try again next week.

```plaintext
<script src="https://cdn.jsdelivr.net/npm/@mux/mux-player"></script>

```

seems to give some conflicts

---

<div class="post-metadata">

### Author: ![dylanmux](https://avatars.discourse-cdn.com/v4/letter/d/ecae2f/32.png) [@dylanmux](https://meta.discourse.org/u/dylanmux)
#### Post date: [May 4, 2023, 10:05pm UTC](https://meta.discourse.org/t/video-thumbnails-issue/263595/5 "2023-05-04T22:05:10Z")

</div>

What error/conflicts are you running into?

Here’s [a simple example](https://codesandbox.io/s/mux-player-on-demand-simple-u9jz4x?file=/index.html) on Codesandbox with the hosted `<script>` tag

Also, mux-player can be installed with npm/yarn: `@mux/mux-player`

---

<div class="post-metadata">

### Author: ![4ong](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/4ong/32/186618_2.png) [@4ong](https://meta.discourse.org/u/4ong)
#### Post date: [May 25, 2023, 2:17pm UTC](https://meta.discourse.org/t/video-thumbnails-issue/263595/6 "2023-05-25T14:17:40Z")

</div>

Unfortunately, I see that I don’t have enough time to support fork later - so I will try to get thumbnails working with existing Discourse Video Plugin.  
But thank you for your idea!

---

<div class="post-metadata">

### Author: ![Mr.X\_Mr.X](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mr.x_mr.x/32/126610_2.png) [@Mr.X\_Mr.X](https://meta.discourse.org/u/Mr.X_Mr.X)
#### Post date: [March 19, 2024, 12:00am UTC](https://meta.discourse.org/t/video-thumbnails-issue/263595/7 "2024-03-19T00:00:20Z")

</div>

Hey guys,

Did anyone manage to switch to Mux Player for this plugin? Just installed it and it works fantastic but there are no thumbnail previews. Cheers

---

<div class="post-metadata">

### Author: ![Mr.X\_Mr.X](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mr.x_mr.x/32/126610_2.png) [@Mr.X\_Mr.X](https://meta.discourse.org/u/Mr.X_Mr.X)
#### Post date: [March 28, 2024, 12:26am UTC](https://meta.discourse.org/t/video-thumbnails-issue/263595/8 "2024-03-28T00:26:00Z")

</div>

@Dylan, are you interested in developing the plugin into making the player similar to that of tiktok or instagram for example and have some other social media type of functions like watermark with username, change of audio etc?

---

<div class="post-metadata">

### Author: ![blake](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/blake/32/157322_2.png) [@blake](https://meta.discourse.org/u/blake)
#### Post date: [March 28, 2024, 1:36pm UTC](https://meta.discourse.org/t/video-thumbnails-issue/263595/9 "2024-03-28T13:36:53Z")

</div>

Do you mean there are no thumbnails that show up when using something like: [Topic List Previews (TLP)](https://meta.discourse.org/t/topic-list-previews-theme-component/209973)?

The videos themselves show a thumbnail with the play button.

---

<div class="post-metadata">

### Author: ![Mr.X\_Mr.X](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mr.x_mr.x/32/126610_2.png) [@Mr.X\_Mr.X](https://meta.discourse.org/u/Mr.X_Mr.X)
#### Post date: [March 28, 2024, 10:53pm UTC](https://meta.discourse.org/t/video-thumbnails-issue/263595/10 "2024-03-28T22:53:22Z")

</div>

Users get this thumbnail preview

 ![IMG_20240329_015219](https://global.discourse-cdn.com/meta/original/4X/1/6/9/169ea57f905eda453741347d7547db8867e44b0f.jpeg)

---

<div class="post-metadata">

### Author: ![Mr.X\_Mr.X](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mr.x_mr.x/32/126610_2.png) [@Mr.X\_Mr.X](https://meta.discourse.org/u/Mr.X_Mr.X)
#### Post date: [April 9, 2024, 3:31am UTC](https://meta.discourse.org/t/video-thumbnails-issue/263595/11 "2024-04-09T03:31:09Z")

</div>

Any suggestion?