Javascript - Youtube Video Changer with Changing Captions


I need some JavaScript help! I can't really wrap my head around this one, mostly because I'm very new to Javascript. I know how to make both parts of this project separately but can't figure out a way to integrate them. This is a fairly small project, and someone with extensive Javascript knowledge shouldn't take too long to do this--which is why I'm positing here.

Essentially what I need is a Single Youtube Embed whose video can be swapped out whenever the user clicks a link on the page.

There's a twist though, underneath the Youtube Embed will be a grey box/window that displays a specific caption for each link.

Dynamic Functionality:

-Whenever the user Clicks a particular <href> class the video in the player will change and auto play, and the caption beneath the video will change as well.

Food for thought:

Perfect Example of how to change YouTube Video inside a single player: [url removed, login to view]

(However, I'll need <href>s instead of a drop down selection)

I've also attached a very basic mockup of my project below to give you a better visualisation. (Note the links do not need to be styled to appear to the left of the video player. ) You can give me a list of links beneath the player, I can do all the styling. (however the window for captions must be beneath the player.

Let me know if you have any questions.

I look forward greatly to getting someones help on this simple, single page project.

Compétences : AJAX, Javascript, jQuery / Prototype, YouTube

en voir plus : why google is better, better javascript, javascript video changer, youtube video changer, what is a javascript, list of apis, youtube video project, youtube player, youtube caption, playground, javascript mockup, inside knowledge, captions, simple javascript project example, Video Caption, google apis project, knowledge video, https youtube video, javascript embed player, google javascript code, javascript play video, video embed, link changer, video inside, https video

Concernant l'employeur :
( 4 commentaires ) Glendale, United States

Nº du projet : #1673113

Décerné à:


I can help u,sir.

%selectedBids___i_sum_sub_7% %project_currencyDetails_sign_sub_8% USD en 0 jours
(27 Commentaires)

4 freelance font une offre moyenne de $125 pour ce travail


Hi, please check your inbox for more details

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(26 Commentaires)

Kindly check your inbox. Thanks

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 2 jours
(23 Commentaires)

Custom Software Development - <b><i>Removed by Admin</i></b>

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(0 Commentaires)