       height: 0
     }
     panEnabled: false
-    keyPanZoomEnabled: false
+    zooming: false
 
   componentDidMount: ->
     @refs.videoScrubber?.value = 0
-    addEventListener "keydown", @frameKeyPan
+    addEventListener "keypress", @frameKeyPan
 
   componentDidUpdate: ->
     @refs.videoPlayer?.playbackRate = @state.playbackRate

    @setState
      viewBoxDimensions:
        x: @state.viewBoxDimensions.x 
        y: Math.max 0, Math.min(@state.viewBoxDimensions.y + direction, minY)
        width: @state.viewBoxDimensions.width
        height: @state.viewBoxDimensions.height

    frameDisplay = switch type
      when 'image'
        <div className="subject-image-frame" >
          <img ref="subjectImage" className={"subject pan-active"} src={src} style={SUBJECT_STYLE} onLoad={@handleLoad} tabIndex={0} onFocus={@togglePanOn} onBlur={@togglePanOff}/>

          {if @state.loading
            <div className="loading-cover" style={@constructor.overlayStyle} >
