我正在尝试这样做:
当歌曲播放到 5 秒时,它就会停止,但是当它停止时,我如何显示一个按钮,如果我单击该按钮,歌曲就会继续?
这是我的代码:
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<audio controls preload id="audio">
<source src="cancion.mp3" type="audio/mpeg" />
Tu navegador no soporta esta caracteristica
</audio>
</ul>
<div id="current">0:00</div>
<div id="duration">0:00</div>
</body>
</html>
<script>
$(document).ready(function(){
$("#audio").on("timeupdate",function(event){
if (this.currentTime >= 5) {
$("#audio")[0].pause();
}
});
});
</script>
最佳答案
您可以通过向页面添加一个按钮
来实现此目的,该按钮会隐藏直到 5 秒过去。然后,单击按钮后,您可以使用 audio
元素的 play()
方法恢复播放。您还需要设置一个 resumed
标志来跳过超过 5 秒后停止播放的检查。试试这个:
$("#audio").on("timeupdate", function (event) {
if (this.currentTime >= 5 && !$(this).data('resumed')) {
$("#audio")[0].pause();
$('#resume').show();
}
});
$('#resume').click(function() {
$("#audio").data('resumed', true).get(0).play();
})
关于javascript - 如何在停止后继续播放音频并显示按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34047268/