rondomoon/peer-calls
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add touchStart/touchEnd event handlers for video

Browse Source
This commit is contained in:
Jerko Steiner 2020-03-11 15:08:32 +01:00
parent d68ebdef79
commit 9f1320a907
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/client/components/Video.tsx
View File

@ -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}