Changing Media Thumbnails

[icedcoffee]

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?

[TheDreadPirate]

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.

[HERIGROSIR]

replace all images. NOT WORKING

[Efficient_Good_5784]

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;
}

[mildlyjelly]

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);
}

[Efficient_Good_5784]

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.

[mildlyjelly]

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);
}

[Efficient_Good_5784]

That works!

[Flowtimes (龙之道)]

Thanks it's perfect!!😍