Started using custom video controls

styles/media.scarlet

@@ -0,0 +1,26 @@
+.media-play-area
+	position absolute
+	top 0
+	left 0
+	width 100%
+	height 100%
+	cursor pointer
+	transition opacity 250ms ease
+
+	&.playing
+		.media-play-button
+			opacity 0
+
+		.media-visualizer
+			opacity 1
+
+		.media-image
+			filter brightness(0) !important
+
+	:hover
+		.media-play-button
+			color button-hover-color
+			background button-hover-background
+
+		.media-image
+			filter brightness(50%)

styles/video.scarlet

@@ -8,10 +8,30 @@ const video-padding = 56.25%
 	border-radius ui-element-border-radius
 	overflow hidden
 
+	:hover
+		.video-controls
+			opacity 1
+
 .video
 	position absolute
 	width 100%
 	height 100%
 	left 0
 	top 0
-	background-color black
+	background-color black
+
+.video-controls
+	position absolute
+	bottom 1rem
+	right 1rem
+	opacity 0
+	default-transition
+
+.video-control
+	background transparent
+	border none
+	color white
+	font-size 1.2rem
+
+::-webkit-media-controls
+	display none !important