Cannot interact with replay control

[jackguoAtJogg]

I can't interact with the replay control.

[doughtyorg]

Same! Would love to use this but need the replay controls.

[alecavallo]

That's because the actions are rendered on top of the controls. Try specifying the renderActions property with a custom theme; you can base it using the default one in https://github.com/fbaiodias/react-video-recorder/blob/master/src/defaults/render-actions.js To fix this issue is as simple as set top property to 0. You should change this: const ActionsWrapper = styled.div` position: absolute; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; padding-top: 20px; padding-bottom: 80px;`

To this: const ActionsWrapper = styled.div` position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: right; justify-content: center; padding: 16px; `;

[asadrazashah]

I solved this by targeting the button (use another video )and set its padding to 0 in my css and changed its margin bottom to bring it back to its original position