From 9f1320a90745dfbd3f6802317c018a047a5e5c11 Mon Sep 17 00:00:00 2001
From: Jerko Steiner <jerko.steiner@gmail.com>
Date: Wed, 11 Mar 2020 15:08:32 +0100
Subject: [PATCH] Add touchStart/touchEnd event handlers for video

---
 src/client/components/Video.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/client/components/Video.tsx b/src/client/components/Video.tsx
index aa5fd75..5eed1ed 100644
--- a/src/client/components/Video.tsx
+++ b/src/client/components/Video.tsx
@@ -32,6 +32,7 @@ export default class Video extends React.PureComponent<VideoProps> {
     this.timeout = undefined
   }
   handleMouseDown: ReactEventHandler<HTMLVideoElement> = e => {
+    clearTimeout(this.timeout)
     this.timeout = window.setTimeout(this.toggleCover, 300)
   }
   handleMouseUp: ReactEventHandler<HTMLVideoElement> = e => {
@@ -71,7 +72,9 @@ export default class Video extends React.PureComponent<VideoProps> {
           autoPlay
           onClick={this.handleClick}
           onMouseDown={this.handleMouseDown}
+          onTouchStart={this.handleMouseDown}
           onMouseUp={this.handleMouseUp}
+          onTouchEnd={this.handleMouseUp}
           onLoadedMetadata={() => this.props.play()}
           playsInline
           ref={this.videoRef}