Loading Screen Music Help

Currently I use this as a loading screen and it works perfectly fine.
I’m interested in putting a youtube link in for music but I am unsure how to place that into the code and would appreciate the help.


<html>
	<head>
		<title>A</title>	
		<style type="text/css">
			html, body {
				height:100%;
				margin:0;
				padding:0;
			}
			body {
				background-image:url("http://oi39.tinypic.com/rh0i1x.jpg"); 
				background-repeat:no-repeat;
				background-attachment: fixed;
				background-position: center;
				/* background-size: cover;  */ /*This scales properly, might overflow on different resolutions */
				background-size: 100% 100%; /*This stretches it to fill */
			}
		</style>
	</head>
	<body>
		<!-- empty, it just has a background image -->
	</body>
</html>

config.cfg - sv load part


sv_loadingurl "www.raidleaguegaming.com/loadingscreen/loading.html"

I would strongly advise AGAINST puting music on your loading screen as it annoys the fuck out of whoever is joining your server; we don’t want to hear shitty music you think is cool with volume level > 9000.

If you want to go ahead with this frankly stupid idea, see this: http://www.labnol.org/internet/youtube-audio-player/26740/

That was the first Google result.

I’m the only who can hear my loading screen music, other players can’t. The music is nice and calm so please don’t just tell me to take it off :P.
Any ideas? Thanks in advanced.


<html>
	<head>
		<title>Loading...</title>	
		<style type="text/css">
			html, body {
				height:100%;
				margin:0;
				padding:0;
			}
			body {
				background-image:url("http://oi42.tinypic.com/122ccgg.jpg"); 
				background-repeat:no-repeat;
				background-attachment: fixed;
				background-position: center;
				/* background-size: cover;  */ /*This scales properly, might overflow on different resolutions */
				background-size: 100% 100%; /*This stretches it to fill */
			}
		</style>
	</head>
	<body>
		<!-- empty, it just has a background image -->
	</body>
</html>

<div style="position:relative;width:267px;height:25px;overflow:hidden;">
  <div style="position:absolute;top:-276px;left:-5px">
    <iframe width="0" height="0" 
      src="https://www.youtube.com/embed/EwMjazrwPak?&autoplay=1">
    </iframe>
  </div>
</div>