Every FiveM player knows the feeling: you launch a new server, the loading screen appears, and suddenly your eardrums are blasted by uncompressed trap music at 200% volume. If players are scrambling to rip off their headsets the moment they connect, you need to know how to fix FiveM loading screen music being too loud.
Why is the Music So Loud?
When you add an <audio> or <video> tag in HTML, browsers default the volume to 1.0 (which is 100% of the original file's volume). If your MP3 file was mixed loudly during production, 100% volume will be deafening compared to regular Windows system sounds.
The Fix: Setting Volume via JavaScript
You cannot set the exact volume level directly inside the HTML tag using an attribute like volume="0.2". You must use a tiny snippet of JavaScript to lower it when the page loads.
<!-- 1. Ensure your audio tag has an ID -->
<audio id="bg-music" src="music.mp3" autoplay loop></audio>
<!-- 2. Add this script at the bottom of your body -->
<script>
// Grab the audio element by its ID
var music = document.getElementById("bg-music");
// Set volume (0.0 is muted, 1.0 is max)
// 0.2 equals 20% volume
music.volume = 0.2;
</script>Fixing YouTube Embed Volume
If you are using a YouTube <iframe> instead of a local file, you cannot easily control the volume using basic JavaScript because of cross-origin security policies. You have to use the official YouTube IFrame Player API to set the volume, which requires writing a significant amount of complex code.
The Hassle-Free Method
Don't want to mess with JavaScript or YouTube APIs?
The ViceForge Builder has native volume sliders built into the editor. Whether you use a local MP3 or a YouTube link, simply drag the slider down to 15%, and ViceForge automatically generates the correct API scripts to ensure the music plays perfectly softly for your players.