Untitled

<html>
<head>
<meta charset="UTF-8" >
<title> Anime is a mistake</title>
<link rel="shortcut icon" href="icon.png">
<link rel="stylesheet" type="text/css" href="vid.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rancho&effect=shadow-multiple">
<script>

var video = document.getElementById('coubVideo');
var volu3 = document.getElementById('vol-control');

window.setInterval(changevolume(), 100);

function changevolume() {

 var x = volu3.value;
 var y = x / 100;

 video.volume = y;
}

function videoplay() {
var videoplay = document.getElementById('coubVideo').contentWindow;
videoplay.postMessage('play', '*');
}

function videostop() {
var videostop = document.getElementById('coubVideo').contentWindow;
videostop.postMessage('stop', '*');
}

function videomute() {
var videomute = document.getElementById('coubVideo').contentWindow;
videomute.postMessage('mute', '*');
}

function videounmute() {
var videounmute = document.getElementById('coubVideo').contentWindow;
videounmute.postMessage('unmute', '*');
}

</script>
</head>

<body>
<div id="player">
	<div id="volume">

<iframe
id="coubVideo"
src="http://coub.com/embed/iz0ir?muted=false&autostart=true&originalSize=false&startWithHD=false"
frameborder="0"
></iframe>
</div>
<!--
<div class="menu row"  self="top">
		<div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
			<a href="#" onclick="loadPage(this)" data-page="home" class="active">Home</a>
		</div>
		<div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
			<a href="#" onclick="loadPage(this)" data-page="onas">O nas</a>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
			<div id="logo">NaszaFirma</div>
		</div>
		<div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
			<a href="#" onclick="loadPage(this)" data-page="galeria">Galeria</a>
		</div>
		<div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
			<a href="#" onclick="loadPage(this)" data-page="kontakt">Kontakt</a>
		</div>
	</div>
-->
<div id="videomenu">
<input id="vol-control" type="range" min="0" max="100" step="1"></input>
<button onclick="videoplay()">Play</button>
<button onclick="videostop()">Stop</button>
<button onclick="videomute()">Mute</button>
<button onclick="videounmute()">Unmute</button>
</div>
<br>

<div id="login" align="center">
<input type="login" placeholder="Login" class="login"></input><br>
<input type="password" placeholder="Password" class="password"></input><br>
<button onclick="donothing" class="button">Nie wysyłaj</button>
</div>
<footer self="bottom">
	<div id="div_footer">
		<img src="http://counter3.01counter.com/private/freecounterstat.php?c=b35a71f70016e3f8a19cbf3ad7343246" alt="free website counter">
		<br/>
		faggots were here!
		</div>
		<br/>
       &copy; Dejv
</footer>


</body>
</html>


#coubVideo {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
	background: white;
	opacity: 0.3;
}
footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
	text-align: center;

}
#div_footer {
	font-family: Rancho;
	font-size: 200%;
}


body {
    background: rgb(0,0,0);

}
#vidmenu {
	align: center;
}
#login	{
	position: absolute;
	text-align: center;
	align: center;
}
.login {
	 border-radius: 10px;

}
.password {
	 border-radius: 10px;

}
.button{
	 border-radius: 10px;

}