当前以 HTML5 结尾时如何播放下一个音轨？答案

【问题标题】：How to play next audio track when current ends in HTML5?当前以 HTML5 结尾时如何播放下一个音轨？
【发布时间】：2019-03-05 11:43:33
【问题描述】：

下面的代码应该播放单个 MP3 文件，想法是跳到曲目的特定部分，然后从那里开始播放。虽然光标移动到 mp3 中的正确位置，但从按钮单击开始后它不会播放。

<!DOCTYPE html>
        <html>
        <head>
        <title>Song Limit</title>
        </head>
        <body>
        <div style="margin: 20px; text-align: center;">
        <audio id="myVideo" controls>
        <source src="gpj.mp3" type="video/mp4">
        <source src="gpj.mp3" type="video/ogg">
        Your browser does not support HTML5 video.
        </audio>
        <p>
        <b> The Auido Run From Start </b></br>
        <a onclick="setCurTime(0)" href="javascript:void(0)">Start from 0 sec</a>
        </p>
        <br>
        <p>
        <b> The Auido Run From Start </b></br>
        <a onclick="setCurTime(20)" href="javascript:void(0)">Start from 20 sec</a>
        </p>
        <br>
        <p>
        <b> The Auido Run From Start </b></br>
        <a onclick="setCurTime(35)" href="javascript:void(0)">Start from 35 sec</a>
        </p>
        <br>
        <p>
        <b> The Auido Run From Start </b></br>
        <a onclick="setCurTime(47)" href="javascript:void(0)">Start from 47 sec</a>
        </p>
        </div>
        <script>
        var vid = document.getElementById("myVideo");
        function setCurTime(time_start) {
        vid.currentTime = time_start;
        }
        </script>


        </body>
</HTML>
        </html>

【问题讨论】：

标签： javascript html css ecmascript-6 ecmascript-2017

【解决方案1】：

之后您需要致电vid.play()。如下

function setCurTime(time_start) {
    vid.currentTime = time_start;
    vid.play();
  }

P.S 请记住为您的文件设置正确的类型，而不是 video/mp4

【讨论】：

【解决方案2】：

也许这会解决你的问题。

 <script>
    var vid = document.getElementById("myVideo");
      function setCurTime(time_start) {
      vid.currentTime = time_start;
      vid.play()
    }

【讨论】：