embed youtube videos and play from overlay button

You are required to embed youtube / vimeo / other video in iframe (only HTML/CSS/JS/JQuery/Bootstrap).

- The iframe should have an overlaying play button with the text - START TASK (remove the default player's play buttons and branding).

- Provide Play and Stop buttons to user in a corner of the video

- Show draggable progress bar

- Right click should not be allowed on the video.

- Related / Suggested / Other videos should not be shown

- Take care of device responsiveness

- Make sure it doesnot give any errors on live server like CORS policy, etc

1. On clicking the overlayed play button, start a countdown timer (starts from 120 seconds till 0 second) in a separate div which will keep running while the video is being played.

2. Timer should pause if the video is paused.

3. Timer should be reset to zero if the video is stopped

4. On completing timer to zero, show a beautiful pop up that will say "Congrats ! Your task is completed"

T & C:

1. Bid only if you can start the task right now

2. Bid only if you can do the task within the specified budget

3. Bid only after reading and clearly understanding the requirements

JavaScript jQuery / Prototype CSS HTML PHP

Project ID: #34243037

About the project