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.js11
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>
)
}