Click to play/pause

materialious/src/lib/components/Player.svelte

@@ -905,6 +905,16 @@
 	class:contain-video={!$isAndroidTvStore}
 	class:tv-contain-video={$isAndroidTvStore}
 	class:hide={showVideoRetry}
+	role="presentation"
+	onclick={(event) => {
+		if (
+			event.target &&
+			event.target instanceof HTMLElement &&
+			event.target.id === 'player-center'
+		) {
+			toggleVideoPlaybackStatus();
+		}
+	}}
 >
 	<video
 		controls={false}
@@ -921,7 +931,7 @@
 		{#if playerIsBuffering}
 			<progress class="circle large indeterminate" value="50" max="100"></progress>
 		{:else if !playerCurrentPlaybackState}
-			<button class="circle large">
+			<button class="circle extra" onclick={toggleVideoPlaybackStatus}>
 				<i>play_arrow</i>
 			</button>
 		{/if}

materialious/src/lib/css/global.css

@@ -79,7 +79,8 @@ menu {
 @media screen and (max-width: 1000px) {
 	menu.mobile {
 		position: fixed !important;
-		top: 10% !important;
+		top: 20% !important;
+		height: 100vh !important;
 		width: 100% !important;
 		z-index: 99999;
 		transform: unset !important;