当前以 HTML5 结尾时如何播放下一个音轨？
Posted
技术标签:
【中文标题】当前以 HTML5 结尾时如何播放下一个音轨？【英文标题】：How to play next audio track when current ends in 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>
【问题讨论】：
【参考方案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()
【讨论】：
以上是关于当前以 HTML5 结尾时如何播放下一个音轨？的主要内容，如果未能解决你的问题，请参考以下文章