fixing heights of carousels. set media title from fullscreen video

1 files changed, 7 insertions, 6 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 050ade5..cf3043b 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
@@ -20,6 +20,12 @@ export const MediaVideo = ({ paragraph, media, currentParagraph, onAnnotationCli
     height: height + 32,
     backgroundColor: color.backgroundColor,
   }
+  const poster = annotation.settings.poster ? {
+    backgroundImage: 'url(' + item.settings.video.thumbnail_url + ')',
+    backgroundSize: '50%',
+    backgroundPosition: 'center center',
+    backgroundRepeat: 'no-repeat',
+  } : {}
   // console.log(annotation.settings)
   return (
     <div
@@ -33,12 +39,7 @@ export const MediaVideo = ({ paragraph, media, currentParagraph, onAnnotationCli
           responsive={true}
           controls={false}
           byline={false}
-          style={{
-            backgroundImage: 'url(' + item.settings.video.thumbnail_url + ')',
-            backgroundSize: '50%',
-            backgroundPosition: 'center center',
-            backgroundRepeat: 'no-repeat',
-          }}
+          style={poster}
         />
       </div>
       <MediaCitation media={item} />