Changing the value of embed src using jquery

Question

I have the following scenario..

When the user visit my website I show the user some audio files from the server. When the user clicks on one link, then the jquery function is eventually executed and change the source of the embedded object to selected file.

The codes are given in this link. I got some answers for this question but the problem isn't solved.

What happening for me is, When I click on the link. The song plays in new page. I need to play the song with embedded object inside the div.

Jai · Accepted Answer · 2013-02-19 11:57:04Z

2

Try this:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
  $(function(){
    $(document).on('click', "#song", function(e){
      e.preventDefault(); //<----------stops to navigate to link
      var musicSrc = $(this).attr('href');
      $('#music').find('embed').attr('src', musicSrc);
    });
  });
</script>

note:

make sure to load the jQuery library first:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

edited Feb 19, 2013 at 11:57

answered Feb 19, 2013 at 11:38

Jai

74.8k12 gold badges77 silver badges104 bronze badges

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

5 Comments

d4rkpr1nc3 Over a year ago

You will find the same answer in the link he provided.

James Over a year ago

No sir it is not working.When I click on the link, Song will play in new page(Refreshing the current page and changing the address to http://localhost:8080/skypark/sp/resources/songs/xxx22.mp3)

d4rkpr1nc3 Over a year ago

Yup. It would suck if he didn't have jQuery loaded.

Jai Over a year ago

@d4rkpr1nc3 yeah it seems that he is not referencing the library.

James Over a year ago

Thank you sir now it was playing. I combined both the answers in this question now it is working. Thank you very Much sir.....

d4rkpr1nc3 · Accepted Answer · 2013-02-19 11:39:15Z

1

Well of course it's not working. The event should be added after the page loads. Using jquery, it would look like this :

<script type="text/javascript">
$(function () {
    $(".song").click(function(e) {
        $('#mplayer').attr('src', $(this).attr('href'));
        e.preventDefault();
    });
});
</script>

answered Feb 19, 2013 at 11:39

d4rkpr1nc3

1,82713 silver badges16 bronze badges

6 Comments

James Over a year ago

No sir it is not working.When I click on the link, Song will play in new page(Refreshing the current page and changing the address to http://localhost:8080/skypark/sp/resources/songs/xxx22.mp3)

Jai Over a year ago

you also did the same thing.

d4rkpr1nc3 Over a year ago

No. The logical answer is to add the event on page load, otherwise the element would not exist.

d4rkpr1nc3 Over a year ago

@james, please post you code in the question or create a fiddle

James Over a year ago

Thank you sir now it was playing. I missed to add the function you specified before my function.... Thank you very Much sir.....

|

Collectives™ on Stack Overflow

Changing the value of embed src using jquery

2 Answers 2

note:

5 Comments

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

note:

5 Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related