video modal mostly working

1 files changed, 9 insertions, 1 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js b/animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js
index ea73d03..00f2de4 100644
--- a/animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js
+++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js
@@ -1,6 +1,7 @@
 import React, { Component } from 'react'
 import VimeoPlayer from 'app/utils/vendor/vimeo'
 
+import actions from 'app/actions'
 import { CURTAIN_COLOR_LOOKUP } from 'app/constants'
 import { SpeakerIcon } from '../../nav/viewer.icons'
 import { MediaCitation } from '../components.media'
@@ -61,7 +62,14 @@ export class MediaVideo extends Component {
           <div
             className='videoPoster'
             style={style}
-            onClick={e => onAnnotationClick(e, paragraph, annotation)}
+            onClick={e => {
+              if (annotation.settings.can_play_full_video) {
+                e && e.stopPropagation()
+                actions.viewer.openVideoModal(item, color)
+              } else {
+                onAnnotationClick(e, paragraph, annotation)
+              }
+            }}
           >
             <div className='posterImage'>
               <img src={posterURL(item)} />