react-play | Render React components in the Play Framework | Frontend Framework library

in the project, I need the button to show up when the video played 1 minute, anyone can help me with this, using with react-player

here is my code, thanks

I'm relatively new to React and haven't found a solution online. My code:

I have a simple slider using react slick slider one of my slides is a video using react player, Now I want if the user changes the slide to pause the playing video here is what I have so far.

Here is a live demo on code sandbox: pause video demo.

Player.js.

when i try to build my project with yarn run build i get errors that are not exist in my code my code is clean it works fine in my local. I've been stuck for two weeks to resolve this problem please help me to solve this problem. this the errors that i get

node version: v10.15.3

webpack: 4.30.0 this is my package.json

As the title says I have some video saved on an s3 bucket. I set my nodejs to stream it on my react app. It works fine on all devices except iOS. I did some searches and I can't find the issue. The server is returning the initial bytes request as 206. I checked the headers but I can't find the issue: Here is my nodejs: After it reaches the path:

I Know that there is a lot of topic about this, but since none of them work, I must make a new one, I'm quite confused as why my electron app doesn't launch when I used yarn dev for my project, but when my friends try it, in his laptop, he can run and the apps launch normally without any problem, so Is there anyone here ever face the same problem with me? if there is someone, how can you solve this problem?

this is what my terminal looks like:

for information I used:

I need to hide the icon encircled on the picture below? How can I hide it? I'm using react-player.

Pls check this codesandbox CLICK HERE

I have a react project where I am trying to implement infinite scroll, But not sure why it detects bottom only once, from next time onwards there is always 1 pixels difference in values so it never matches with element.clientHeight

Below is code that I am using to detect scroll to bottom

Math.ceil(element.scrollHeight - element.scrollTop) === element.clientHeight

Going forward I actually want to fire axios call 200 pixels before it reached to bottom so In the mean time I can fetch the data and append to bottom so user never have to wait for data to load.

I have created demo repo which has the same issue as my project CodeSandbox demo

Im trying to load the information from a database to my React App. Everything is working as expected except for the map function I'm running. Im trying to list all the genres of the given movie in the div.