如何继续播放音频后停止，并显示一个按钮

问题描述：

当歌曲是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>

答

您可以通过添加一个button到其隐藏，直到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(); 
})

Example fiddle

我用它和它的作品，现在我知道如何继续我的项目，非常感谢你 – JorgeAlberto

没问题，很高兴提供帮助。 –

如何继续播放音频后停止，并显示一个按钮

相关推荐