PHP/MySQL/Ajax programmer to add YouTube video embed feature when posting an answer

CLOSED
Bids
8
Avg Bid (USD)
$205
Project Budget (USD)
$30 - $250

Project Description:
We run a question-and-answer website, and we are looking for a Web developer to add a feature allowing a user to embed a YouTube video to their answer. This feature must be present when both (a) adding a new answer, and (b) editing an answer.

Part 1:

Below the existing answer box (with rounded corners), the "Add YouTube Video" box (with rounded corners as well) must be added.

1. The "Add YouTube Video" box must contain a small YouTube logo to indicate that it is the "Add YouTube Video" box.
2. The "Add YouTube Video" box must contain the YouTube URL text box where the user can paste in a YouTube video URL.
3. If the YouTube URL text box is filled in, the URL must automatically be validated without any click of a button.
4. If the URL is a valid YouTube URL, it must fetch the title and the thumbnail of the YouTube video via Ajax (refer to the YouTube API to accomplish this).
5. The "YouTube Video Preview" box (with rounded corners as well) must appear below the "Add YouTube Video" box, and it must display the title and the thumbnail, the same way that Facebook does.
6. At the top right, the "YouTube Video Preview" box must have an X icon that (a) removes the "YouTube Video Preview" box, and (b) clears the YouTube URL text box in the "Add YouTube Video" box. The X icon essentially removes the video from the answer.
7. If the URL is not a valid YouTube URL, the user must be notified.
8. If the YouTube URL is suddenly changed, the "YouTube Video Preview" must automatically be removed prior to validating the new YouTube URL.

When the answer is saved (i.e., added or edited), the actual YouTube video (not the thumbnail) must appear below the answer text when it gets added to the list of answers.

When in Edit mode, the user must have a button to disregard the changes.

Part 2:

If the "YouTube Video Preview" box is NOT present, the answer text box must be ENABLED to automatically detect YouTube URLs. If there are two (2) or more, only the first is considered. This YouTube URL must automatically be pasted in the YouTube URL text box in the "Add YouTube Video" box and subsequently be fetched of its title and thumbnail displayed in the "YouTube Video Preview" box.

If the "YouTube Video Preview" box IS present, the answer text box must be DISABLED to automatically detect YouTube URLs.

Note:

All of the files in our development environment are in Windows format. You must not change the format to Unix format when you upload to our servers.

If the job is not 100% completed to specifications, you agree that there will not be a partial payment made for work done. We pay 100% for complete work and 0% for incomplete work.

Skills required:
AJAX, MySQL, PHP, YouTube
About the employer:
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.


$ 250
in 5 days
Hire Zeldaze
$ 249
in 3 days
Hire sohel364
$ 250
in 5 days
$ 160
in 5 days
Hire O6FP2aqV1
$ 140
in 1 days
Hire WGX1cpW27
$ 140
in 1 days
$ 200
in 6 days
$ 250
in 10 days