Question

我在我的网站上使用ttwMusicPlayer。它的使用非常简单。

<div id='mainPlayer'></div>

在html中并在js

$('#mainPlayer').ttwMusicPlayer(myPlaylist, {
                autoPlay:false, 
                description:description,
                jPlayer:{
                    swfPath:'path where jPlayer.swf is' //You need to override the default swf path any time the directory structure changes
                }
            });

很简单，我现在看起来很好看。但我想在它的播放按钮上添加一些动作。（我希望能够从服务器和soundcloud播放）。这是div的代码和播放器的播放按钮：

<div class="play jp-play" style="display: block;"></div>

然后我在$(document).ready()当然

后执行此操作

.on('click','.jp-play',function(){
    alert("Works");
});

点击播放按钮后播放音乐，但没有提醒。如何覆盖它的默认操作？

Answer 1

以下是如何做到的：

$(document).on($.jPlayer.event.play, function(e){
    console.log("play!");
    alert("Works");
});

这使用jPlayer事件play。

此处描述了其他受支持的事件类型：http://jplayer.org/latest/developer-guide/#jPlayer-event-type

完整示例：JSFiddle

ttwMusicPlayer对播放按钮的操作

1 个答案: