Question

我正试图通过1个按钮控制播放和暂停，有人可以帮助我吗？我真的想用下面的代码集来做。希望有人能够帮助解决这个问题。 https://jsfiddle.net/8e68js93/1/

我知道这段代码，但我不知道如何将它合并到下面的代码中。 [ this.paused?this.play():this.pause(); ] 如果它不能与以下代码一起使用，我不想使用它。

<audio id="player" src="http://hi5.1980s.fm/;"></audio>
    <div>
        <button onclick="document.getElementById('player').play()">Play</button>
        <button onclick="document.getElementById('player').pause()">Pause</button>
        <button onclick="document.getElementById('player').pause() ;document.getElementById('player').currentTime=0;">Stop</button>
        <button onclick="document.getElementById('player').muted=!document.getElementById('player').muted">Mute/ Unmute</button>
    </div>

Answer 1

    <audio id="player" src="http://hi5.1980s.fm/;"></audio>
    <div>
        <button onclick="togglePlay()">Play</button>
        <button onclick="togglePlay()">Pause</button>
        <button onclick="document.getElementById('player').pause();document.getElementById('player').currentTime = 0;">Stop</button>
        <button onclick="document.getElementById('player').muted = !document.getElementById('player').muted">Mute/ Unmute</button>
    </div>

    <script>
        function togglePlay() {
            var player = document.getElementById('player');
            if (player.paused) {
                player.play();
            } else {
                player.pause();
            }
        }
    </script>

或全部内联：

<button onclick="var player = document.getElementById('player'); player.paused ? player.play() : player.pause()">Play</button>

Answer 2

我认为你应该使用jQuery。

我想要一个按钮来控制播放和暂停，有人可以帮助我吗？

2 个答案: