blob: a048fa1b45c68763c4b7aca12bc0b0573fc5b9ca (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
import React from 'react'
import VimeoPlayer from '@u-wave/react-vimeo'
export const FullscreenVideo = ({ element, media, transitionDuration }) => {
const { color } = element
const item = media.lookup[element.settings.media_id]
const style = {
backgroundColor: color.backgroundColor,
color: color.textColor,
transitionDuration,
}
console.log(item)
return (
<div
className='fullscreen-element video'
style={style}
>
<VimeoPlayer
video={item.url}
autoplay muted
controls={false}
byline={false}
width={window.innerWidth}
height={window.innerHeight}
/>
</div>
)
}
|
