1
0
mirror of https://gitlab.com/kelteseth/ScreenPlay.git synced 2024-09-15 06:52:34 +02:00

Add nicer error background

This commit is contained in:
Elias 2018-12-15 21:30:59 +01:00
parent 6cc6686691
commit dbc23984b9

View File

@ -8,7 +8,7 @@
height: 100%;
object-fit: fill;
overflow: hidden;
background:black;
background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
}
body, html{
margin: 0px;
@ -17,9 +17,23 @@
background:orange;
}
#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;
}
</style>
</head>
<body>
<h2 id="errorMsg">If you can read this something went wrong. Oh well....</h2>
<video id="videoPlayer" oncontextmenu="return false;" width="100%" height="100%" loop autoplay>
<source id="videoSource" src="" type="video/webm" oncontextmenu="return false;" width="100%" height="100%"> Your browser does not support the video tag.
</video>