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 { this.timeout = undefined } handleMouseDown: ReactEventHandler = e => { + clearTimeout(this.timeout) this.timeout = window.setTimeout(this.toggleCover, 300) } handleMouseUp: ReactEventHandler = e => { @@ -71,7 +72,9 @@ export default class Video extends React.PureComponent { autoPlay onClick={this.handleClick} onMouseDown={this.handleMouseDown} + onTouchStart={this.handleMouseDown} onMouseUp={this.handleMouseUp} + onTouchEnd={this.handleMouseUp} onLoadedMetadata={() => this.props.play()} playsInline ref={this.videoRef}