Jellyfin Forum
Changing Media Thumbnails - Printable Version

+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Support (https://forum.jellyfin.org/f-support)
+--- Forum: General Questions (https://forum.jellyfin.org/f-general-questions)
+--- Thread: Changing Media Thumbnails (/t-changing-media-thumbnails)

Changing Media Thumbnails - icedcoffee - 2024-03-18

I've been trying to dig through the settings on how to remove thumbnails from a video but couldn't find anything. I'd be okay with episodes having the default series image, I just don't want to see potential spoilers when selecting an episode.

Is there a way to do this?

RE: Changing Media Thumbnails - TheDreadPirate - 2024-03-18

I think you would need to disable the episode/movie image providers in the library settings. You would need to rescan the library/movie/show and replace all metadata + replace all images.

RE: Changing Media Thumbnails - HERIGROSIR - 2024-06-27

replace all images. NOT WORKING

RE: Changing Media Thumbnails - Efficient_Good_5784 - 2024-06-27

Easiest thing would be to just delete the thumbnaila from your server. This will cause Jellyfin to show a blur since it can't find the source. Though you have to make sure to disable all episode image metadata sources so that they don't come back.

Another thing you could do is use CSS to cover up the episode images.

edit:
The following CSS code will hide episode images from the episode lists and replace them with solid-black. You will still get episode images however if you click on an episode to fully open its details.

Code:
.listItemImage.listItemImage-large.itemAction.lazy {
  background-image: none !important;
  background-color: black;
}


RE: Changing Media Thumbnails - mildlyjelly - 2024-06-30

If you just want to blur the images (which admittedly could still cause spoilers):
Code:
.listItemImage.listItemImage-large.itemAction.lazy {
  filter: blur(16px);
  -webkit-filter: blur(16px);
}


RE: Changing Media Thumbnails - Efficient_Good_5784 - 2024-06-30

(2024-06-30, 04:13 AM)mildlyjelly Wrote: If you just want to blur the images (which admittedly could still cause spoilers):
Code:
.listItemImage.listItemImage-large.itemAction.lazy {
  filter: blur(16px);
  -webkit-filter: blur(16px);
}
I originally had this same thought and was also going to share this. However, the problem with adding a blur is that the play button will also be blurred out.
That's the reason I went with just removing the picture and leaving a solid-black background in the previous post.

Though I guess it doesn't matter if you just remember to click in the middle of the episode image to play it.

RE: Changing Media Thumbnails - mildlyjelly - 2024-06-30

Oh, yes I see. But this should work:
Code:
.listItemImage.listItemImage-large.itemAction.lazy::before {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(16px);
}


RE: Changing Media Thumbnails - Efficient_Good_5784 - 2024-06-30

That works!