gallery arrow colors on black bg

1 files changed, 8 insertions, 2 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 039b2dd..050ade5 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
@@ -16,9 +16,9 @@ export const MediaVideo = ({ paragraph, media, currentParagraph, onAnnotationCli
   const width = window.innerWidth
   const height = window.innerHeight - (17 * 16)
   const style = {
-    backgroundColor: color.backgroundColor,
     color: color.textColor,
-    height: height + 32
+    height: height + 32,
+    backgroundColor: color.backgroundColor,
   }
   // console.log(annotation.settings)
   return (
@@ -33,6 +33,12 @@ 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',
+          }}
         />
       </div>
       <MediaCitation media={item} />