iOS で soundcloud プレーヤー用のカスタム ボタンを作成しようとしていますが、他のすべてのプラットフォームで動作します。トグル ボタンが ios や Safari で機能しない理由を教えてください。
スキップ ボタンは完全に機能し、プレイヤー自身の (赤い) トグル ボタンを押すとサウンドが再生されます。これを押すとオーディオが再生され、トグル ボタンも機能し始めます。カスタム ボタンからの最初の JavaScript 呼び出しを受け付けないようです。
<body>
<iframe id="iframe" src="http://w.soundcloud.com/player/?url=http://api.soundcloud.com/users/calvinharris&color=ed1c24&show_comments=false&show_artwork=false" class="iframe"
width= "320px"
height="567px"
scrolling="no"
frameborder="no">
</iframe>
<button onclick="prev()"><<</button>
<button onclick="toggle()">|> ||</button>
<button onclick="next()">>></button>
<script src="http://w.soundcloud.com/player/api.js" type="text/javascript"></script><script type="text/javascript">
var iframe = document.querySelector('.iframe');
iframe.src = "http://w.soundcloud.com/player/?url=http://api.soundcloud.com/users/calvinharris&color=ed1c24&show_comments=false&show_artwork=false";
var widget = SC.Widget(iframe);
function toggle(){
widget.toggle();
}
function next(){
widget.next();
}
function prev(){
widget.prev();
}
</script>
</body>
</html>