Programmatically change the src attribute on embed player Not Working

Question

I am trying to change the src attribute to play a youtube video within javascript but cannot seem to get it to work.

Here is the statement I have been trying to use:

$("#youtube-player").setAttribute('src', obj[i].SongURL);

Here is the HTML:

<div id="youtube-player">
     <embed id="player" width="420" height="345"
            type="application/x-shockwave-flash" />
</div>

obj[i] has the correct data FYI

Loktar · Accepted Answer · 2014-04-26 05:56:19Z

2

You are setting the src attribute of a div not the embed tag try the following.

$("#youtube-player > embed").attr('src', obj[i].SongURL);

or better yet select #player like @LOL suggests above :P

answered Apr 26, 2014 at 5:49

Loktar

35.3k7 gold badges96 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

I have to wait 9 mins to mark the answer by the way haha

Govind Singh · Accepted Answer · 2014-04-26 05:50:28Z

1

the problem is that you are changing src in wrong id

$("#player").attr('src', obj[i].SongURL);

answered Apr 26, 2014 at 5:50

Govind Singh

15.5k14 gold badges77 silver badges109 bronze badges