2018-08-20 15:18:56 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<style type="text/css">
|
|
|
|
video {
|
2018-11-27 18:53:30 +01:00
|
|
|
position: absolute;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
2018-08-20 15:18:56 +02:00
|
|
|
object-fit: fill;
|
|
|
|
overflow: hidden;
|
2018-12-15 21:30:59 +01:00
|
|
|
background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
|
2018-08-20 15:18:56 +02:00
|
|
|
}
|
|
|
|
body, html{
|
|
|
|
margin: 0px;
|
|
|
|
padding: 0px;
|
2018-11-27 18:53:30 +01:00
|
|
|
overflow: hidden;
|
|
|
|
background:orange;
|
|
|
|
|
2018-08-20 15:18:56 +02:00
|
|
|
}
|
2018-12-15 21:30:59 +01:00
|
|
|
#errorMsg{
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
text-align: center;
|
|
|
|
left: 0;
|
|
|
|
width: 100%;
|
|
|
|
height: 100px;
|
|
|
|
z-index: 0;
|
|
|
|
color:white;
|
|
|
|
font-family: "Segoe UI, Roboto, Arial";
|
|
|
|
font-weight: lighter;
|
|
|
|
}
|
2018-08-20 15:18:56 +02:00
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
2018-12-15 21:30:59 +01:00
|
|
|
|
|
|
|
<h2 id="errorMsg">If you can read this something went wrong. Oh well....</h2>
|
2018-09-06 13:57:36 +02:00
|
|
|
<video id="videoPlayer" oncontextmenu="return false;" width="100%" height="100%" loop autoplay>
|
2018-08-25 00:43:23 +02:00
|
|
|
<source id="videoSource" src="" type="video/webm" oncontextmenu="return false;" width="100%" height="100%"> Your browser does not support the video tag.
|
2018-08-20 15:18:56 +02:00
|
|
|
</video>
|
|
|
|
</body>
|
|
|
|
</html>
|