From abc0b615da47f2e8587e3116bb4f3594fafab1d2 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 7 Aug 2020 23:40:42 +0200
Subject: inline video

---
 .../app/views/viewer/player/components.inline/inline.video.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

(limited to 'animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js')

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>
   )
 }
-- 
cgit v1.2.3-70-g09d2