5

オンラインで見つけたシンプルなhtml5mp3プレーヤーがあります。プレーヤーは、ページが読み込まれたときから少し下にスクロールしているので、再生または停止を押すと、ページがプレーヤーの見えないところで一番上にポップアップします。

このページには他にもスクリプトがあるので、それが原因かどうか疑問に思っています。

プレーヤーを使用したときにページを静止させるためにスクリプトに追加できるものはありますか？

前もって感謝します

<script>
        $(document).ready(function(){
            $("#play-bt").click(function(){
                $("#audio-player")[0].play();
                $("#message").text("Music started");
            })

            $("#pause-bt").click(function(){
                $("#audio-player")[0].pause();
                $("#message").text("Music paused");

            })
        })
    </script>

 <audio id="audio-player" name="audio-player" src="http://www.ep.dev/songs/robin.mp3" ></audio>
                        <div id="message">ROBIN - From "Snow in June"</div><br />
                        <a id="play-bt" href="#">PLAY</a> | <a id="pause-bt" href="#">PAUSE</a> |
4

2 に答える 2

2

これは、ボタンにhref='#'設定があり、ブラウザが ID を検索するためです。href を削除すると、ポップが取り除かれます。

これを変える：

<a id="play-bt" href="#">PLAY</a> | <a id="pause-bt" href="#">PAUSE</a>

これに：

<a id="play-bt">PLAY</a> | <a id="pause-bt">PAUSE</a>
于 2012-12-28T04:45:38.890 に答える
1

これを変更してみてください：

<audio id="audio-player" name="audio-player" src="http://www.ep.dev/songs/robin.mp3" >

これに

<audio id="audio-player" name="audio-player" src="http://www.ep.dev/songs/robin.mp3#audio-player" >

ページの読み込み時にIDに移動する＃+idnameを追加しています

ps動作するコードがないと見づらい

于 2012-12-28T04:43:37.013 に答える