more responsive video sizing

1 files changed, 4 insertions, 5 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 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} />