Jellyfin Forum
SPOTLIGHT - Trailers on the homepage - Printable Version

+- 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)

Pages: 1 2 3 4 5 6 7

RE: SPOTLIGHT - Trailers on the homepage - KodiUser1138 - 2025-10-10

Your likely issue is the list file made up of temp entries that do not correlate to your library. Ifyou don't intend to use the custom list then either rename the file or just delete it (can always be re-created later.) Check back in this thread for when I found I had this issue for more details.

RE: SPOTLIGHT - Trailers on the homepage - kingnootz - 2025-10-11

(2025-10-10, 08:54 AM)Ted Hinklater Wrote:
(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> '}}]);

Apologies for the delayed reply! So somehow pasting over the home-html with your backup worked for me after trying out the first one lol. I must've messed up the actual code on home-html when I pasted the original additional code for spotlight.

The problem now is when I access jellyfin thru my reverse proxy, it still gives me the same 404 error code. With the local IP, spotlight shows up and works fine.

RE: SPOTLIGHT - Trailers on the homepage - Seraph4 - 2025-10-21

Not work in V10.11.0

RE: SPOTLIGHT - Trailers on the homepage - valere - 2025-10-24

(2025-10-10, 08:54 AM)Ted Hinklater Wrote:
(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> '}}]);

Hello,

I am using Firefox 144.0 on Linux.

The code you provided returned an error :
Code:
Uncaught SyntaxError: '' string literal contains an unescaped line break

The \ characters you entered are in the string (and preceded by a space), so they do not escape line breaks.

I corrected it by using:


PHP 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>`;
  }
}]); 


RE: SPOTLIGHT - Trailers on the homepage - zodyak234 - 2025-10-24

I installed Spotlight and I really liked it gives the homepage a great vibe. In addition to showing random trailers on the homepage, could you add a feature that plays the trailer at the top of the movie/series own page as well?

RE: SPOTLIGHT - Trailers on the homepage - Hetal Desai - 2025-11-07

i follow the instruction on the first page but not able to see the trailer.
Please help.

RE: SPOTLIGHT - Trailers on the homepage - Ted Hinklater - 2025-11-07

(2025-10-24, 06:04 AM)valere Wrote: Hello,

I am using Firefox 144.0 on Linux.

The code you provided returned an error :
Code:
Uncaught SyntaxError: '' string literal contains an unescaped line break

The \ characters you entered are in the string (and preceded by a space), so they do not escape line breaks.

I corrected it by using:


PHP 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>`;
  }
}]); 

Thanks for catching that, it seems the forum added those
(2025-11-07, 02:37 PM)Hetal Desai Wrote: i follow the instruction on the first page but not able to see the trailer.
Please help.

Hi, a screenshot would help us to help you. Do you see the Spotlight section at all or is it just the trailer missing? Or is there just an empty space?

RE: SPOTLIGHT - Trailers on the homepage - gld - 2025-11-17

Hi folks,
Started migrating from Plex to Jellyfin these days and after I found what level of customisations is allowed, really wondering why did I spent around 5-6 years using Plex.
Spotlight is kind of premium feature which can be found in Netflix for example. I am still reading the documentation, but I couldn't find what I need so far.

Do you know how to add Spotlight to the Android Tv player and SwiftFi?
I managed to configure it for Web and Jellyfin Media Player and it's looking amazing, but I am watching on my Chromecasts with Google Tv mainly and the design is looking very basic on the TV.

RE: SPOTLIGHT - Trailers on the homepage - axel_81 - 2025-11-19

Can I use this on Synology?

RE: SPOTLIGHT - Trailers on the homepage - KodiUser1138 - 2025-11-23

(2025-08-16, 04:41 PM)Fr_Rene Wrote: Hello,
I can't get it to work.
I have the following plug-in installed: files transformation, home sections, media bar, plug-in page.
Do I need to stop or uninstall everything for it to work?
The installation is on Windows.
Thank you for your response.

(2025-11-07, 02:37 PM)Hetal Desai Wrote: i follow the instruction on the first page but not able to see the trailer.
Please help.

Re-check the instructions for the part about having a custom list and check the directory for the custom list file then remove it. That is likely your issue as that file is tellng the addon/mod to look for specific library entries you do not have.. Sorry I don't recall more specifics, not at home to check my system at the moment.

Good luck!