A simple script to display the video of your choice as a loading screen on your FiveM Server.
This script has only been used in our last FiveM server Lagoon Island. This server is now closed but I wanted to share this script as it can be useful for the community.
Please note that this script is not working with YouTube links.
Required script
This script is standalone
Install guide
To install this resource, simply download, drag & drop the folder āloadingscreenā to your resources on your FiveM server/FTP.
Make sure to add : āensure loadingscreenā in your server.cfg to start the resource.
You can access the config.js for the following modifications :
Change the video URL
Change if you want the volume muted or not
Modify default video volume
Alternate config
Modify cursor & buttons:
Access folder āimgā, from here you can modify the cursor, volume buttons, that will appear during your loading screen. If you decide to replace them by your own images, please make sure to keep the same names (example: you decide to replace the cursor.svg, when you move your new file to the folder, once moved, make sure the name is back to cursor.svg with your new image).
Modify cursor size:
In style.css go to lines 100 & 101 and choose the pixels size you want.
After editing the fx_version to āadamantā it is now fixed and works perfectly. Brilliant resource and definitely saves server devs a lot of time <3
Yo, having real problems with this script. When I load it into my dev server there is no mouse, no audio, no video itās a black screen and shows the mute button. This is all happening without even me changing anything. I also donāt understand how to get a video link ending in āAVI or MP4ā without it being a yt link or some other stuff. Please help. https://i.gyazo.com/ac7cbc8aa7ec1d1641fb3038024fcdda.mp4
The easiest way is too put the video in the ui folder of this plugin.
Then, you can use the filename of your video file as an URL.
For example, if your plugin is deployed in this folder: /myserver/plugins/loadingscreen/
You can put a video file myvideo.mp4 in this folder: /myserver/plugins/loadingscreen/ui/
And then, use myvideo.mp4 as the URL for your video (<source src="myvideo.mp4" type="video/mp4">).
You will have to restart your server instance to load these changes.
You can of course set the name of the video to whatever you like.
Then you simply put your video on your webserver and update the URL with one pointing to the file on your hosting.
Iām not sure to understand what problem youāre facing. Can you give more context?
Hi there, love this script. Im just having trouble when adding in my video. I have just inserted the video into the UI folder, and just made it load via local folder instead of a FTP server link. The video plays just fine. However, the issue im running into is that the cursor disappears when hovered over the video. As well as the loading bar not showing up at all. And that blue border also does not show up, I was going to remove it or change it to something else. But I canāt even do that lol. Any help would be greatly appreciated.
The only thing i changed, was drag and drop the video into the āuiā folder, then changed the html code to just " āintro.mp4ā "