SoundCloud iframe嵌入赢得'；我不能在iOS中工作_Iframe_Soundcloud

SoundCloud iframe嵌入赢得'；我不能在iOS中工作

iframe

SoundCloud iframe嵌入赢得'；我不能在iOS中工作,iframe,soundcloud,Iframe,Soundcloud,我有一个播放/暂停按钮，它位于嵌入式SC播放器的外部。它在桌面浏览器（Mac上的Chrome和Safari）上正常工作，但在iOS中，外部播放按钮不会触发嵌入式播放器。我可以让文件开始播放，如果我在嵌入式播放器上单击播放，然后外部按钮工作，但只有在从嵌入式播放器触发后 . JS HTML var显示=假； $（文档）.ready（函数（）{ var widget=SC.widget（document.getElementById（'soundcloud_widget'）； bind（SC.wi

我有一个播放/暂停按钮，它位于嵌入式SC播放器的外部。它在桌面浏览器（Mac上的Chrome和Safari）上正常工作，但在iOS中，外部播放按钮不会触发嵌入式播放器。我可以让文件开始播放，如果我在嵌入式播放器上单击播放，然后外部按钮工作，但只有在从嵌入式播放器触发后

HTML


var显示=假；
$（文档）.ready（函数（）{
var widget=SC.widget（document.getElementById（'soundcloud_widget'）；
bind（SC.widget.Events.READY，function（））{
log（'Ready…'）；
});
widget.bind（SC.widget.Events.PLAY，function（））{
isplay=true；
切换（$（“.buttoner img”）[0]）；
});
widget.bind（SC.widget.Events.PAUSE，function（））{
isplay=false；
切换（$（“.buttoner img”）[0]）；
});
widget.bind（SC.widget.Events.FINISH，function（））{
isplay=false；
$（“.buttoner img”）[0].attr（“src”，”http://www.debbiemillman.com/designmatters/totest/delivery/_images/play.png");
});
$（'.buttoner'）。单击（函数（）{
widget.toggle（）；
isPlaying=！isPlaying；
});
$（“.buttoner img”）.hover（函数（）{
如果（显示）
$（this）.attr（“src”http://www.debbiemillman.com/designmatters/totest/delivery/_images/pause-over.png");
其他的
$（this）.attr（“src”http://www.debbiemillman.com/designmatters/totest/delivery/_images/play-over.png");
}，函数（）{
如果（显示）
$（this）.attr（“src”http://www.debbiemillman.com/designmatters/totest/delivery/_images/pause.png");
其他的
$（this）.attr（“src”http://www.debbiemillman.com/designmatters/totest/delivery/_images/play.png");
})
});

我相信我在SoundCloud开发/API页面上找到了这方面的初始代码

谢谢

嗨，阿明。你能弄明白吗？我一直在努力解决同样的问题。

function toggle(el){
    if(window.isPlaying)
    {
        el.src='http://www.debbiemillman.com/designmatters/totest/delivery/_images/pause.png';
        el.className="pause";
    }
    else 
    {
        el.src='http://www.debbiemillman.com/designmatters/totest/delivery/_images/play.png';
        el.className="play";
    }

    return false;
}

    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }

    <!--JQUERY FOR FOR SOUNDCLOUD GIANT PLAY-->
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

    <script src="http://w.soundcloud.com/player/api.js"></script>

    <script>

    var isPlaying = false;
    $(document).ready(function() {

        var widget = SC.Widget(document.getElementById('soundcloud_widget'));
        widget.bind(SC.Widget.Events.READY, function() {
            console.log('Ready...');
        });

        widget.bind(SC.Widget.Events.PLAY , function() {
            isPlaying=true;
            toggle($(".buttoner img")[0]);
        });

        widget.bind(SC.Widget.Events.PAUSE , function() {
            isPlaying=false;
            toggle($(".buttoner img")[0]);
        });

        widget.bind(SC.Widget.Events.FINISH , function() {
            isPlaying=false;
            $(".buttoner img")[0].attr("src","http://www.debbiemillman.com/designmatters/totest/delivery/_images/play.png");
        });

        $('.buttoner').click(function() {
            widget.toggle();
            isPlaying=!isPlaying;
        });

    $(".buttoner img").hover(function(){
            if(isPlaying)
                $(this).attr("src","http://www.debbiemillman.com/designmatters/totest/delivery/_images/pause-over.png");
            else
                $(this).attr("src","http://www.debbiemillman.com/designmatters/totest/delivery/_images/play-over.png");
    },function(){
        if(isPlaying)
            $(this).attr("src","http://www.debbiemillman.com/designmatters/totest/delivery/_images/pause.png");
        else 
            $(this).attr("src","http://www.debbiemillman.com/designmatters/totest/delivery/_images/play.png");
    })
    });
    </script>

</head>

<body>

    <div class="buttoner">

        <img src="http://www.debbiemillman.com/designmatters/totest/delivery/_images/play.png" class="play" onClick="toggle(this);" width="200" />

    </div>

    <iframe id="soundcloud_widget" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F183633436&amp;auto_play=false&amp;show_artwork=false&amp;color=ff7700" style="margin-bottom:20px;width:100%;height:166px;overflow:hidden;border: 0px;"></iframe>

</body>