starting full video modal

1 files changed, 18 insertions, 4 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 9a0ff7a..ea73d03 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
@@ -50,9 +50,9 @@ export class MediaVideo extends Component {
         color: color.textColor,
         backgroundColor: color.backgroundColor,
       }
-      style.color = color.textColor,
-      style.backgroundColor = color.backgroundColor,
-      style.backgroundImage = 'url(' + posterURL(item) + ')'
+      style.color = color.textColor
+      style.backgroundColor = color.backgroundColor
+      // style.backgroundImage = 'url(' + posterURL(item) + ')'
       if (annotation.settings.poster_size) {
         style.backgroundSize = annotation.settings.poster_size
       }
@@ -63,7 +63,21 @@ export class MediaVideo extends Component {
             style={style}
             onClick={e => onAnnotationClick(e, paragraph, annotation)}
           >
-            <div className="speaker-icon">{SpeakerIcon}</div>
+            <div className='posterImage'>
+              <img src={posterURL(item)} />
+              {annotation.settings.can_play_full_video ? (
+                <div className="speaker-icon speaker-msg">
+                  <div>
+                    {SpeakerIcon}
+                    <span>Watch full film</span>
+                  </div>
+                </div>
+              ) : (
+                <div className="speaker-icon">
+                  {SpeakerIcon}
+                </div>
+              )}
+            </div>
           </div>
           <MediaCitation media={item} />
         </div>