From 0c857c9db1676091e1563a5d4ac24e9c5349d125 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@sdg.moe>
Date: Tue, 13 Oct 2020 23:39:09 +0200
Subject: [PATCH] Fixing controls on mobile

---
 src/app/pages/player/player.component.html |  4 ++--
 src/app/pages/player/player.component.ts   | 10 +++++++---
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/app/pages/player/player.component.html b/src/app/pages/player/player.component.html
index 60a8e14f..8e8f6e65 100644
--- a/src/app/pages/player/player.component.html
+++ b/src/app/pages/player/player.component.html
@@ -1,6 +1,6 @@
 <div id="root"
-     (mouseenter)="this.showControls = true;"
-     (mouseleave)="!this.player.paused ? this.showControls = false : null"
+     (mouseenter)="!isMobile ? this.showControls = true : null"
+     (mouseleave)="!this.player.paused && !isMobile ? this.showControls = false : null"
      [style.cursor]="this.showControls ? '' : 'none'">
 	<div class="player data-vjs-player">
 		<video id="player" #player
diff --git a/src/app/pages/player/player.component.ts b/src/app/pages/player/player.component.ts
index 62e67293..eb88413a 100644
--- a/src/app/pages/player/player.component.ts
+++ b/src/app/pages/player/player.component.ts
@@ -257,7 +257,7 @@ export class PlayerComponent implements OnInit, OnDestroy, AfterViewInit
 	{
 		if (this.seeking)
 			this.player.currentTime = this.getTimeFromSeekbar(event.pageX);
-		else
+		else if (!AppComponent.isMobile)
 			this.showControls = true;
 	}
 
@@ -332,9 +332,13 @@ export class PlayerComponent implements OnInit, OnDestroy, AfterViewInit
 
 	videoClicked()
 	{
-		this.showControls = !this.player.paused;
-		if (!AppComponent.isMobile)
+		if (AppComponent.isMobile)
+			this.showControls = !this.showControls;
+		else
+		{
+			this.showControls = !this.player.paused;
 			this.togglePlayback();
+		}
 	}
 
 	togglePlayback()