summaryrefslogtreecommitdiff
path: root/animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js
diff options
context:
space:
mode:
Diffstat (limited to 'animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js')
-rw-r--r--animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js13
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} />