Javascript SoundCloud流暂停按钮不工作

这是我的密码笔：

来源如下。我就是不能让暂停按钮工作。它所做的只是在现有流的基础上重新启动一个复制流

我一直在挠头试图让这个工作，任何帮助将不胜感激

HTML

JS

---

我已经发布了这段代码的链接（在这里调整以显示您的bg图标），切换图标在中不起作用（但我不能在上面花费更多时间，我在12小时后休假）

暂停有效

/*jquery是相同的-答案太长，请参见[fiddle][2]*/

/*布局*
-----------------------------------------------*/
.cf：之前，
.cf：之后{
内容：“；
/* 1 */
显示：表格；
/* 2 */
}
.cf：之后{
明确：两者皆有；
}
.cf{
*缩放：1；
}
* {
框大小：边框框；
}
@小：~“屏幕和（最小宽度：20em）”；
@中等：~“屏幕和（最小宽度：38em）”；
@大：~“屏幕和（最小宽度：48em）”；
@超大：~“屏幕和（最小宽度：58em）”；
@最大：~“屏幕和（最小宽度：68em）”；
/*颜色*
-----------------------------------------------*/
@白色：#F8；
@红色：#dd4444；
@深红色：#bf3d3f；
@深红色：#9c3538；
@黑色：#1F；
@灰色：#4d；
身体{
保证金：0；
背景颜色：@灰色；
颜色：白色；
文本对齐：居中；
.显示；
@media@media{
字体大小：112.5%；
}
}
.包装纸{
宽度：90%；
最大宽度：1200px；
保证金：0自动；
溢出：隐藏；
}
p、 小的{
字号：0.8em；
}
a{
颜色：深红色；
&：悬停{
颜色：@红-暗
}
}
a、 sc播放器，
.按钮{
显示：内联块；
背景图像：url（'//cdn.shopify.com/s/files/1/1055/5530/t/8/assets/play pause sprite.svg？2157621096199230646'）；
//背景：rgba（19,19,19,0.14）；
边界半径：4px；
填料：0.2米0.2米；
文本对齐：居中；
文字装饰：无；
颜色：红色；
字号：1.5em；
.过渡；
&：悬停{
//背景：深红色；
背景图像：url（'//cdn.shopify.com/s/files/1/1055/5530/t/8/assets/play pause sprite.svg？2157621096199230646'）；
颜色：红色；
}
}
梅因先生{
边缘底部：4em；
}
.过渡{
过渡：所有0.3秒放松；
}
/*字体*
-----------------------------------------------*/
@导入url(http://fonts.googleapis.com/css?family=Sacramento|蒙特塞拉特）；
.展示{
字体系列：“蒙特塞拉特”，无衬线；
}
h1{
边缘顶部：50px；
.显示；
文本转换：大写；
字号：2em；
线高：1；
-webkit字体平滑：抗锯齿；
位置：相对位置；
@媒体@小型{
字号：2.5em；
}
@media@media{
字体大小：4.5em；
边缘顶部：100px；
}
@媒体@max{
字号：6em；
}
}
/*声音云播放器*
-----------------------------------------------*/
.sc播放器{
位置：相对位置；
边缘底部：2米；
查阅
a{
文字装饰：无；
颜色：#fff；
}
ol,，
李{
保证金：0；
填充：0；
列表样式位置：内部；
}
}
/*艺术品*/
.sc播放器.sc艺术品列表{
显示：无；
浮动：左；
宽度：40%；
利润底部：3%；
背景色：透明；
列表样式类型：无；
位置：相对位置；
身高：100%；
李{
列表样式类型：无；
显示：无；
}
李：很活跃{
列表样式类型：无；
显示：块；
}
}
.sc player.sc艺术品列表li img，
.sc播放器.sc艺术品列表李分区{
列表样式类型：无；
宽度：100%；
高度：自动；
}
/*控制*/
.sc播放器.sc控件{
显示：块；
}
.sc播放器.sc控制一个{
文本缩进：-9999px；
内容：''；
显示：块；
背景：深红色；
背景图像：url（'//cdn.shopify.com/s/files/1/1055/5530/t/8/assets/play pause sprite.svg？2157621096199230646'）；
背景尺寸：封面；
边界半径：50%；
宽度：75px；
高度：75px；
保证金：0自动；
位置：相对位置；
.过渡；
@media@media{
宽度：110px；
高度：110px；
}
&：悬停{
背景：深红色；
背景图像：url（'//cdn.shopify.com/s/files/1/1055/5530/t/8/assets/play pause sprite.svg？2157621096199230646'）；
}
&：之后{
内容：''；
显示：块；
位置：绝对位置；
最高：50%；
利润上限：-50px；
左：50%；
左边距：-50px；
z指数：1；
//背景：url（'http://s3-us-west-2.amazonaws.com/s.cdpn.io/35376/play-pause.png');
背景图像：url（'//cdn.shopify.com/s/files/1/1055/5530/t/8/assets/play pause sprite.svg？2157621096199230646'）；
背景位置：右上角；
背景尺寸：100px自动；
边界半径：50%；
宽度：100px；
高度：100px；
@media@media{
宽度：90px；
高度：90px；
利润上限：-90px；
左边距：-90px；
背景尺寸：180px自动；
}
}
}
.sc播放器.sc控制a.sc暂停：之后{
背景位置：底部；
}
.sc洗涤器.sc时间指示器{
背景：深红色；
背景：rgba（19,19,19,0.22）；
颜色：#fff；
边界半径：4px；
填充：7px；
文本对齐：右对齐；
}
.sc播放器.sc控制a.sc暂停{
显示：无；
}
.sc-player.playing.sc控制a.sc-play{
显示：无；
}
.sc-player.playing.sc控制a.sc-pause{
显示：块；
}
/*洗涤器*/
.sc洗涤器{
位置：相对位置；
浮动：对；
宽度：100%；
保证金：0.5em0；
边界半径：4px；
@media@media{
//边缘顶部：20px；
}
.sc时间跨度{
高度：50px；
位置：相对位置；
}
.sc缓冲区，
S.sc播放{
高度：50px；
位置：绝对位置；
排名：0；
}
.sc时间指示器{
位置：绝对位置；
右：0；
顶部：-48px；
}
.sc时间跨度{
//背景色：#666；
边界半径：4px；
溢出：隐藏；
}
.sc音量滑块{
背景色：@红暗；
背景色：rgba（19,19,19,0.12）；
边界半径：2px；
}
.sc音量滑块.sc音量状态{
背景色：@红色较深；
背景色：rgba（19,19,19,0.22）；
右边框：1px纯色@深红色；
右边框：1px实心
<script src="https://connect.soundcloud.com/sdk-2.0.0.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<div id="player">
<button href="#" id="stream"></button>
</div>

button {
  background: url('//cdn.shopify.com/s/files/1/1055/5530/t/8/assets/play-pause-sprite.svg?2157621096199230646');
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  border: 0;
  outline: 0;
  display: block;
}

button.pause-sprite {
  background-position: top right;
}

var client_id = '278594df9a311b2a1a56251b3a2b0fbe';
var track_id = '293605256';
var is_playing = false;
var player;

SC.initialize({
  client_id: client_id
});

$(document).ready(function() {
  $('#stream').on('click', function() {
    $(this).toggleClass('pause-sprite');
    SC.stream('/tracks/' + track_id, function(sound) {
      player = sound;

      if (is_playing === true) {
        player.pause();
        is_playing = false;
        console.log(is_playing);
      } else if (is_playing === false){
        player.play();
        is_playing = true;
        console.log(is_playing);
      }

    });
  });
});