inline video css

1 files changed, 3 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 74303b5..731c436 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
@@ -8,7 +8,7 @@ import { MediaCitation } from './inline.image'
 export const MediaVideo = ({ paragraph, media, currentParagraph, currentAnnotation, onAnnotationClick, onDoubleClick }) => {
   if (!media.lookup) return <div />
   // const { color } = element
-  const className = currentParagraph ? 'media current' : 'media'
+  const className = currentParagraph ? 'media video current' : 'media video'
   const annotation = paragraph.annotations[0]
   const item = media.lookup[annotation.settings.media_id]
   const color = CURTAIN_COLOR_LOOKUP[annotation.settings.color] || CURTAIN_COLOR_LOOKUP.white
@@ -22,10 +22,10 @@ export const MediaVideo = ({ paragraph, media, currentParagraph, currentAnnotati
       className={className}
       onDoubleClick={e => onDoubleClick(e, paragraph)}
     >
-      <div style={style}>
+      <div className='videoPlayer' style={style}>
         <VimeoPlayer
           video={item.url}
-          autoplay={item.autoplay}
+          autoplay={item.settings.autoplay}
           muted
           controls={false}
           byline={false}