SPOTLIGHT - Trailers on the homepage

[Ted Hinklater]

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