From e90bac1dbf1853d07a5b1cba5549308fc695fd9a Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 9 Sep 2020 16:03:09 +0200
Subject: more responsive video sizing

---
 .../app/views/viewer/player/components.inline/inline.video.js    | 9 ++++-----
 1 file changed, 4 insertions(+), 5 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 7165baa..039b2dd 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,11 +1,11 @@
 import React, { Component } from 'react'
-import VimeoPlayer from '@u-wave/react-vimeo'
+import VimeoPlayer from 'app/utils/vendor/vimeo'
 
 import { CURTAIN_COLOR_LOOKUP } from 'app/constants'
 import { SpeakerIcon } from '../../nav/viewer.icons'
 import { MediaCitation } from '../components.media'
 
-export const MediaVideo = ({ paragraph, media, currentParagraph, currentAnnotation, onAnnotationClick }) => {
+export const MediaVideo = ({ paragraph, media, currentParagraph, onAnnotationClick }) => {
   if (!media.lookup) return <div />
   // const { color } = element
   const className = currentParagraph ? 'media video current' : 'media video'
@@ -29,11 +29,10 @@ export const MediaVideo = ({ paragraph, media, currentParagraph, currentAnnotati
         <VimeoPlayer
           video={item.url}
           autoplay={annotation.settings.autoplay}
-          muted
+          muted={true}
+          responsive={true}
           controls={false}
           byline={false}
-          width={width}
-          height={height}
         />
       </div>
       <MediaCitation media={item} />
-- 
cgit v1.2.3-70-g09d2