[feature] Enable basic video support (mp4 only) (#1274)

* [feature] basic video support

* fix missing semicolon

* replace text shadow with stacked icons

Co-authored-by: f0x <f0x@cthu.lu>

web/source/css/status.css

@@ -232,6 +232,9 @@ main {
 		}
 
 		input.sensitive-checkbox:checked { /* Media is shown */
+			& ~ .video-play {
+				display: flex;
+			}
 			& ~ .sensitive {
 				.closed {
 					transition: 0.8s;
@@ -256,6 +259,32 @@ main {
 			}
 		}
 
+		.video-play {
+			.icon-span {
+				align-self: center;
+				display: initial;
+				z-index: 4;
+
+				.icon {
+					color: $white1;
+				}
+
+				.icon-bg {
+					color: $gray1;
+					font-size: 1.1em;
+				}
+			}
+
+			display: none;
+			position: absolute;
+			height: 100%;
+			width: 100%;
+			justify-content: center;
+			align-items: center;
+			font-size: 7em;
+			pointer-events: none;
+		}
+
 		.sensitive {
 			position: absolute;
 			height: 100%;
@@ -412,4 +441,4 @@ footer + div { /* something weird from the devstack.. */
 			grid-row: auto;
 		}
 	}
-}
+}