好吧,伙计们,我对这一切都很陌生,如果我没有意义,我很抱歉,我希望在我的 jquery 移动页面中使用 SoundCloud。我在下面使用了以下 iframe 代码:
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http://api.soundcloud.com/tracks/100795671&color=ff6600&auto_play=false&show_artwork=false&sharing=false&download=false&show_playcount=false&liking=false&show_comments=false&auto_advance=false&show_user=false" id="player"></iframe>
</p>
<div class="ui-grid-a">
<div class="ui-block-a">
<button id="play">Play</button>
</div>
<div class="ui-block-b">
<button id="pause">Pause</button>
</div>
</div><!-- /grid-b -->
<script type="text/javascript">
var iframe = document.querySelector('#player');
var sc = SC.Widget(iframe);
sc.bind(SC.Widget.Events.READY, function () {
var d = document.createTextNode('Ready');
document.querySelector('body').appendChild(d);
});
document.querySelector('button').addEventListener('click', function () {
sc.play();
});
document.getElementById('pause').addEventListener('click', function () {
sc.pause();
});
</script>
我也在标题中调用这些js文件
<script src="https://w.soundcloud.com/player/api.js"></script>
<script src="//connect.soundcloud.com/sdk.js"></script>
我得到的问题是它不会在我的移动视图上为我播放,波形图像似乎也加倍并覆盖了播放/暂停图标。
截图:http: //imageshack.us/photo/my-images/109/qxix.png/
我已经在桌面视图上对其进行了测试,以这种方式查看似乎没有问题,这是我正在测试的页面 http://www.blackburnravers.com/test/media/blackburnravers/ blackburnravers_androidcore_v3.0.html
是不是我做错了?希望有人可以帮助我。非常感谢,布莱克本狂欢队