hover area

3 files changed, 6 insertions, 4 deletions

diff --git a/animism-align/frontend/app/constants.js b/animism-align/frontend/app/constants.js
index c2e9c9b..b70f49c 100644
--- a/animism-align/frontend/app/constants.js
+++ b/animism-align/frontend/app/constants.js
@@ -138,3 +138,5 @@ export const GROWL = {
 export const EPILEPSY_WARNING = "WARNING: This video may potentially trigger seizures for people with photosensitive epilepsy. Viewer discretion is advised."
 
 export const VIDEO_SCRUBBER_HIDE_DELAY = 1000
+export const VIDEO_SCRUBBER_HOVER_AREA = 12 * 16 // 12 rem
+
diff --git a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js
index da1e0ed..468131d 100644
--- a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js
+++ b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js
@@ -54,7 +54,7 @@ class FullscreenVideo extends Component {
     if (element.fadeOutDuration
       && !this.state.fadeOut
       && element.settings.unmuted) {
-      console.log("fade out audio", this.props.fadeOutDuration)
+      // console.log("fade out audio", this.props.fadeOutDuration)
       setTimeout(() => this.setState({ fadeOut: true }), 0)
     }
   }
@@ -73,7 +73,7 @@ class FullscreenVideo extends Component {
     }
   }
   handleScrub(timing) {
-    console.log(timing)
+    // console.log(timing)
     this.setState(timing)
   }
 
diff --git a/animism-align/frontend/app/views/viewer/player/components.media/video.scrubber.js b/animism-align/frontend/app/views/viewer/player/components.media/video.scrubber.js
index e1b22a7..4afcffe 100644
--- a/animism-align/frontend/app/views/viewer/player/components.media/video.scrubber.js
+++ b/animism-align/frontend/app/views/viewer/player/components.media/video.scrubber.js
@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import { connect } from 'react-redux'
 
 import actions from 'app/actions'
-import { VIDEO_SCRUBBER_HIDE_DELAY } from 'app/constants'
+import { VIDEO_SCRUBBER_HIDE_DELAY, VIDEO_SCRUBBER_HOVER_AREA } from 'app/constants'
 import { clamp, timestamp } from 'app/utils'
 import { PlayButton, VolumeControl } from 'app/views/viewer/nav/viewer.icons'
 
@@ -73,7 +73,7 @@ class VideoScrubber extends Component {
   }
   handleMouseMove(e) {
     e.stopPropagation()
-    if (e.pageY < window.innerHeight / 2) {
+    if (e.pageY < window.innerHeight - VIDEO_SCRUBBER_HOVER_AREA) {
       return
     }
     // console.log('move', this.defer)