Perhaps there are other libraries that provide the necessary api. My code looks like this
<ReactPlayer
url={video?.videoUrl}
playing={playVideo}
width="100%"
height="100%"
muted={true}
controls={true}
loop={true}
config={{
playerVars: {
showinfo: 0,
rel: 0,
},
}}
light={autoplay ? undefined : light}
playIcon={
autoplay ? (
undefined
) : (
<Button
form="circle"
size="3xxl"
iconRight={IconPlay}
onClick={handlePlay}
/>
)
}
/>
I would not like to resort to inserting a separate picture and setting a transition for it