+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Support (https://forum.jellyfin.org/f-support)
+--- Forum: Themes & Styles (https://forum.jellyfin.org/f-themes-styles)
+--- Thread: SPOTLIGHT - Trailers on the homepage (/t-spotlight-trailers-on-the-homepage)
RE: SPOTLIGHT - Trailers on the homepage - SethBacon - 2025-08-25
I have spent some time considering about this request kodi. Heres what I think: The plugin does already allow you to disable the trailers completely in the options, if you just want static slides. I also gave the volume slide global permanence so if you need quiet you can just mute the trailers. (I could make mute by default an option maybe?)
But if you can set it to no trailer mode and then if a movie comes up and you want to see the trailer, you are just 2 clicks away - click the slide, then click trailer from its media page. You're asking for a one click solution, and its just not worth the complexity of balancing the slide timers and stuff. Though i welcome pull requests on git!
RE: SPOTLIGHT - Trailers on the homepage - KodiUser1138 - 2025-08-25
Yes, yes that is all fine but what about the monkeys?
More seriously, where is it you can disable the trailers completely? I don't recall seeing that mentioned previously but will definitely check that out.
My ideas are just spitballing thoughts into text as they occur. I'd previously not really cared to do anything to the default JF screen after spending a good year re-writting and then a decade since maintining my Kodi skin. Got way beyond the point of not actually enjoying the media I was doing so much work to make look nice.
RE: SPOTLIGHT - Trailers on the homepage - Ozi - 2025-09-14
Thank you for making it, I just searched a banner exactly like this!
I made it work in docker on linux.
There was a few issues, like the style code on the github site contains line breaks which broke the code. Then I used SethBacon's #31 comment contains, but it have lowercase ui instead the upper case UI so that failed too. (I was too lazy to format it by hand
)It works on pc browser and phone app, but not appears on Samsung Tizen TV.
RE: SPOTLIGHT - Trailers on the homepage - gslauen - 2025-09-24
Hey there,
I successfully installed this on my windows jellyfin server and it is working great. I am curious how to see it on an android client. It does not show up there but does work on my windows clients. Thanks, nice program.
I have also manually installed the jellyfin android tv client on mvidia shield and it still does not work. It does work on my samsung android phone however on the jellyfin app.
RE: SPOTLIGHT - Trailers on the homepage - Ted Hinklater - 2025-09-24
If it's the Jellyfin android client, try long-pressing the app icon in your drawer and go to App Info > Storage > "Clear cache" and try again.
RE: SPOTLIGHT - Trailers on the homepage - gslauen - 2025-09-24
(2025-09-24, 05:58 PM)Ted Hinklater Wrote: If it's the Jellyfin android client, try long-pressing the app icon in your drawer and go to App Info > Storage > "Clear cache" and try again.
Thanks for the suggestion. I tried that but nothing. Nothing shows up at all. Where as if I access it on my windows laptop say, in the jellyfin player or web browser access it works fine. I have tried rebooting as well as clearing the cache. Not sure what the problem is. Nvidia shield on android client.
RE: SPOTLIGHT - Trailers on the homepage - Ted Hinklater - 2025-09-24
(2025-09-24, 05:58 PM)Ted Hinklater Wrote: If it's the Jellyfin android client, try long-pressing the app icon in your drawer and go to App Info > Storage > "Clear cache" and try again.
ah my bad, I missed that when you mentioned it. nVidia Shield uses it the Jellyfin Android TV app which isn't just a wrapper like the web-ui on desktops or the jellyfin mobile app which use the server's web ui (where Spotlight is), the TV version uses its own UI code.
I've not used Shield but is it possible to open a browser on it? Cause then maybe that'll use the customised web-ui from the server
RE: SPOTLIGHT - Trailers on the homepage - gslauen - 2025-10-04
(2025-09-24, 11:41 PM)Ted Hinklater Wrote:(2025-09-24, 05:58 PM)Ted Hinklater Wrote: If it's the Jellyfin android client, try long-pressing the app icon in your drawer and go to App Info > Storage > "Clear cache" and try again.
ah my bad, I missed that when you mentioned it. nVidia Shield uses it the Jellyfin Android TV app which isn't just a wrapper like the web-ui on desktops or the jellyfin mobile app which use the server's web ui (where Spotlight is), the TV version uses its own UI code.
I've not used Shield but is it possible to open a browser on it? Cause then maybe that'll use the customised web-ui from the server
Good idea. That works in a browser. Thanks
RE: SPOTLIGHT - Trailers on the homepage - kingnootz - 2025-10-10
Hey guys, just came across this plugin and it looks amazing!
I've followed the install instructions on the github page and I seem to be getting some errors with it...mainly Error code: 404 not found.
Things I've tried:
1. changed src="/web/UI/spotlight.html" to src="/usr/share/jellyfin/web/UI/spotlight.html" within the home-html chunk file.
2. tried out different file permissions for the home-html chunk file and the /web/ui folder+contents to root or jellyfin (I'm actually not sure what user Jellyfin uses, everything else inside the web folder have root owner so I assume its the root user).
3. used the spotlight.css and spotlight.html from both the releases page and from the main zip file
I should also point out that the 404 error happens on firefox (both normal tab and private tab). I tried it on chrome and it doesn't show the 404 error, just a blank empty space with my movies are underneath. I also tried the desktop Jellyfin Media Player, this one shows the background of, what I assume to be, the movie that Spotlight wants to show the trailer for. (check screenshots)
Thanks in advanced!
RE: SPOTLIGHT - Trailers on the homepage - Ted Hinklater - 2025-10-10
(2025-10-10, 03:30 AM)kingnootz Wrote: Hey guys, just came across this plugin and it looks amazing!
I've followed the install instructions on the github page and I seem to be getting some errors with it...mainly Error code: 404 not found.
Things I've tried:
1. changed src="/web/UI/spotlight.html" to src="/usr/share/jellyfin/web/UI/spotlight.html" within the home-html chunk file.
2. tried out different file permissions for the home-html chunk file and the /web/ui folder+contents to root or jellyfin (I'm actually not sure what user Jellyfin uses, everything else inside the web folder have root owner so I assume its the root user).
3. used the spotlight.css and spotlight.html from both the releases page and from the main zip file
I should also point out that the 404 error happens on firefox (both normal tab and private tab). I tried it on chrome and it doesn't show the 404 error, just a blank empty space with my movies are underneath. I also tried the desktop Jellyfin Media Player, this one shows the background of, what I assume to be, the movie that Spotlight wants to show the trailer for. (check screenshots)
Thanks in advanced!
Can you try pasting over your whole home-html.chunk.js file with this?
Code:
"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[8372],{5939:function(a,e,t){
t.r(e),e.default='<div id="indexPage" style="outline:0" data-role="page" data-dom-cache="true" class="page homePage libraryPage allLibraryPage backdropPage pageWithAbsoluteTabs withTabs" data-backdroptype="movie,series,book"> \
<iframe class="spotlightiframe" src="/web/UI/spotlight.html" tabindex="0" \
style="width:99.5vw;height:63vh;display:block;border:0;margin:-65px auto -50px auto;"></iframe> \
<div class="tabContent pageTabContent" id="homeTab" data-index="0"> <div class="sections"></div> </div> \
<div class="tabContent pageTabContent" id="favoritesTab" data-index="1"> <div class="sections"></div> </div> \
</div>'
}}]);This one below is a backup of home-html.chunk.js if you need it
Code:
"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[8372],{5939:function(a,e,t){t.r(e),e.default='<div id="indexPage" style="outline:0" data-role="page" data-dom-cache="true" class="page homePage libraryPage allLibraryPage backdropPage pageWithAbsoluteTabs withTabs" data-backdroptype="movie,series,book"> <div class="tabContent pageTabContent" id="homeTab" data-index="0"> <div class="sections"></div> </div> <div class="tabContent pageTabContent" id="favoritesTab" data-index="1"> <div class="sections"></div> </div> </div> '}}]);