前几天帮忙做着一个学校的平台,需求是要视频播放结束之后才能参加测试,吼吼吼~~~~~~~~~~~~~~
然后就发现了一个了不得的h5新特性\(^o^)/~
h5的媒介标签都有个onended
w3c上是这样写的
然后,我就抱着试一试的态度试了试
demo如下
<!DOCTYPE HTML>
<html>
<style>
#show{
display : none;
}
</style>
<body>
<audio id="audio" controls="true" autoplay="true">
<source src="1.mp3" type="audio/mpeg">
</audio>
<button id="show">展示按钮</button>
<script>
var audio = document.getElementById("audio");
var show = document.getElementById('show');
audio.loop = false;
audio.addEventListener('ended', function () {
show.style.display = 'block',
}, false);
</script>
</body>
</html>
好用啊,开心,又是充满活力敲代码,做程序媛的一天~~~~~~~~~~~~~