fullscreen images in the inline flow

1 files changed, 8 insertions, 3 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 513293a..f831078 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
@@ -36,9 +36,14 @@ export class MediaVideo extends Component {
 
     // if this is a fullscreen video, display the poster image
     if (annotation.settings.fullscreen && !annotation.settings.inline) {
-      const color = CURTAIN_COLOR_LOOKUP[annotation.settings.poster_background_color || annotation.settings.color] || CURTAIN_COLOR_LOOKUP.white
-      style.color = color.textColor
-      style.backgroundColor = color.backgroundColor
+      const colorName = annotation.settings.poster_background_color || annotation.settings.color || 'white'
+      const color = CURTAIN_COLOR_LOOKUP[colorName]
+      const elementStyle = {
+        color: color.textColor,
+        backgroundColor: color.backgroundColor,
+      }
+      style.color = color.textColor,
+      style.backgroundColor = color.backgroundColor,
       style.backgroundImage = 'url(' + posterURL(item) + ')'
       if (annotation.settings.poster_size) {
         style.backgroundSize = annotation.settings.poster_size