0

わかりました、私はこれらすべてにかなり慣れていないので、意味をなさない場合は申し訳ありません.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>

私が得る問題は、モバイルビューで再生されないことです.wavform画像も2倍になり、再生/一時停止アイコンを覆っているようです.

スクリーンショット: http://imageshack.us/photo/my-images/109/qxix.png/

デスクトップビューでテストしましたが、そのように表示しても問題はないようです . blackburnravers_androidcore_v3.0.html

私が間違ったことはありますか？誰かが私を助けてくれることを願っています。どうもありがとう、ブラックバーン・レイバーズ

4

1 に答える 1