html判断音视频是否播放完毕后弹出提示

使用ended事件

//音频
<audio id="audio" controls="true" autoplay="true">
  <source src="/i/song.ogg" type="audio/ogg">
  <source src="/i/song.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>
<script>
    var audio = document.getElementById("audio"); 
    audio.loop = false;
    audio.addEventListener('ended', function () {  
        alert('over');
    }, false);
</script> 

//视频
<video width="1024" height="576" id="shVideo">
    <source src="http://7xvgeq.com1.z0.glb.clouddn.com/H2.mp4" type="video/mp4">
</video>
<script>   
    var video = document.getElementById("shVideo");
    video.addEventListener('ended', function () {  
        this.style.display = 'none';
    }, false);
</script>