inline video

1 files changed, 9 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 463ca8e..72ed67b 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
@@ -1,4 +1,5 @@
 import React, { Component } from 'react'
+import VimeoPlayer from '@u-wave/react-vimeo'
 
 import { MediaCitation } from './inline.image'
 
@@ -13,9 +14,15 @@ export const MediaVideo = ({ paragraph, media, currentParagraph, currentAnnotati
       className={className}
       onDoubleClick={e => onDoubleClick(e, paragraph)}
     >
-      {"["}
+      <VimeoPlayer
+        video={item.url}
+        autoplay muted
+        controls={false}
+        byline={false}
+        width={window.innerWidth}
+        height={window.innerHeight * 0.8}
+      />
       <MediaCitation media={item} />
-      {"]"}
     </div>
   )
 }