前几天帮忙做着一个学校的平台,需求是要视频播放结束之后才能参加测试,吼吼吼~~~~~~~~~~~~~~
然后就发现了一个了不得的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>
好用啊,开心,又是充满活力敲代码,做程序媛的一天~~~~~~~~~~~~~
热门工具 换一换