fix(tapping-video): tapping the video should play/pause

[aliraza556]

Problem:

Users currently cannot toggle play/pause by tapping on the video in our media player. The acceptance criteria specify that tapping on the video when not playing should play the video, and tapping on the video when it is playing should pause the video.

Solution:

I implemented a toggle play/pause functionality by attaching an onClick event handler to the ReactPlayer component. This handler changes the play state based on the current state of the video, allowing users to tap the video to play or pause it.

Changes:

• Added handleVideoClick Function: Created a function to toggle the play state between play and pause.
• Attached onClick Handler to ReactPlayer: The ReactPlayer component now has an onClick event that triggers the handleVideoClick function.

Here are the specific code changes:

1. Within MediaPlayerComponent:

   • Added a handleVideoClick method to toggle isPlaying state.

   • Attached this method to the ReactPlayer component's onClick event.

2. Modifications in JSX:

   • <Wrapper hidden={hidden} onClick={handleVideoClick}> to ensure the entire player area is clickable.

Evidence:

A short demo video was recorded showing the new functionality in action. It demonstrates the ease with which a user can now play or pause the video with a simple tap, highlighting the responsiveness and effectiveness of the implemented solution.

Testing:

• UI Tests: Added UI tests to simulate user clicking on the video element and verifying if the video pauses/plays as expected.
• Manual Testing: Conducted manual testing across different browsers and devices to ensure the click functionality works seamlessly and doesn't interfere with other player controls.

Notes:

Please review the changes and merge this PR if everything is in order. This fix is essential for the upcoming release, and I look forward to any feedback you might have.

[aliraza556]

Hi @Rassl @kevkevinpal
I have fixed the tapping video issue #717. Could you take a look and provide your feedback? I know it's Christmas Day, but if you are free and it's possible, could you please review it?

[Rassl]

LGTM