Текстовая ссылка jPlayer не воспроизводится - PullRequest
Новая
       29

Текстовая ссылка jPlayer не воспроизводится

4 голосов
/ 15 декабря 2011

Я пытаюсь создать базовую текстовую ссылку jplayer для воспроизведения mp3-файла, но не могу заставить его работать, так как нет звука. вот код 

$(document).ready(function(){
$("#jquery_jplayer").jPlayer({
    ready: function (event) {
        $('.voice').click(function(e) {
            e.preventDefault();
            $(this).jPlayer("setFile", $(this).attr('href')).jPlayer("play");
        });
    },
    swfPath: "/ui/core/js/jPlayer/",
    supplied: "mp3",
    wmode: "window"
});

});

вот HTML: 

<table>
    <tr>
      <td>
        <a href="music.mp3" class="voice">Listen</a>
      </td>
    </tr>
</table>
<div id="jquery_jplayer"></div>

что мне не хватает?

спасибо

1 Ответ

5 голосов
/ 17 декабря 2011

было несколько вещей ..

  1. this, при использовании в событии click относится к нажатому элементу, а не к вашему элементу jPlayerнет такого метода jPlayer, как setFile - это setMedia

попробуйте это: 

$(document).ready(function(){
    $("#jquery_jplayer").jPlayer({
        swfPath: "/ui/core/js/jPlayer/",
        supplied: "mp3",
        wmode: "window"
    });

    $('.voice').click(function(e) {
        e.preventDefault();
        $("#jquery_jplayer")
            .jPlayer("setMedia", {mp3: this.href })
            .jPlayer("play");
    });
});
...