diff --git a/app/src/component/mediaPlayer/view.js b/app/src/component/mediaPlayer/view.js
index 38de91b8..2b2b0459 100644
--- a/app/src/component/mediaPlayer/view.js
+++ b/app/src/component/mediaPlayer/view.js
@@ -115,6 +115,11 @@ class MediaPlayer extends React.PureComponent {
     this.hidePlayerControls();
   }
 
+  manualHidePlayerControls = () => {
+    this.clearControlsTimeout();
+    this.setState({ areControlsVisible: false });
+  }
+
   hidePlayerControls() {
     const player = this;
     let timeout = setTimeout(() => {
@@ -123,6 +128,14 @@ class MediaPlayer extends React.PureComponent {
     player.setState({ controlsTimeout: timeout });
   }
 
+  togglePlayerControls = () => {
+    if (this.state.areControlsVisible) {
+      this.manualHidePlayerControls();
+    } else {
+      this.showPlayerControls();
+    }
+  }
+
   togglePlay = () => {
     this.showPlayerControls();
     this.setState({ paused: !this.state.paused });
@@ -342,7 +355,7 @@ class MediaPlayer extends React.PureComponent {
                onEnd={this.onEnd}
                />
 
-        <TouchableOpacity style={mediaPlayerStyle.playerControls} onPress={this.showPlayerControls}>
+        <TouchableOpacity style={mediaPlayerStyle.playerControls} onPress={this.togglePlayerControls}>
           {this.renderPlayerControls()}
         </TouchableOpacity>