前端如何判斷音視頻是否播放完畢

1.音頻

<audio id="audio">
   <source :src="json.RES_PATH" type="audio/mp3">
</audio>
<script>
　　var audio = document.getElementById("audio"); 
　　audio.loop = false;
　　audio.addEventListener('ended', function () {

　　//監聽到播放結束後，在此處可調用本身的接口


　　}, false);
</script> 

2.視頻

<video :poster="json.DOC_IMG" id="video" webkit-playsinline="" playsinline="true" controls class="video-box" style="width: 100%;height: 100%; background: #ddd; ">
   <source  :src="json.RES_URL" type="video/mp4"></source>
</video>
<script> 
var video = document.getElementById("video");
video.addEventListener('ended', function () { 

//監聽到播放結束後，在此處可調用本身的接口

}, false);
</script>