SoundCloud：播放按钮

我只想要一个播放和停止按钮来替换SoundCloud中的原始按钮。 我按照“Widget API”： http ： //developers.soundcloud.com/docs/api/html5-widget#
但它不起作用。 我想我不太了解SoundCloud指令。

我在这里播放： http ： //jsfiddle.net/wBTCh/1/

HTML：

CSS：

 #so{ position: absolute; top: 20px; left: 20px; } #playSound{ position: absolute; top: 200px; left: 20px; width: 20px; height: 20px; background-color: blue; } #stopSound{ position: absolute; top: 200px; left: 50px; width: 20px; height: 20px; background-color: green; } 

JAVASCRIPT / JQUERY：

 $(function(){ var iframeElement = document.querySelector('iframe'); var iframeElementID = iframeElement.id; var widget1 = SC.Widget("#so"); var widget2 = SC.Widget("#so"); // widget1 === widget2 $("#playSound").click(function() { $("#so").play() }); $("#stopSound").click(function() { $("#so").pause() }); }) 

Answer 1

好的，这对我有用：

JS：

 var widget1 = SC.Widget("so"); $(function(){ $("#playSound").click(function() { widget1.play(); }); $("#stopSound").click(function() { widget1.pause() }); }) 

HTML：

它现在可以正确控制iframe播放器。

这是JSBin的完整工作示例：