5

我有一个在网上找到的简单的 html5 mp3 播放器。播放器从页面加载时开始向下滚动，所以当我按下播放或停止时，页面会弹出到播放器看不见的顶部。

我在页面上还有一些其他脚本，所以我想知道这是否会导致它。

有什么我可以添加到我的脚本中以使页面在使用播放器时保持静止？

提前致谢

<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" >

我正在添加一个 #+idname 它应该在页面加载时转到 ID

ps 没有工作代码很难看到

于 2012-12-28T04:43:37.013 回答