微信扫一扫联系
 
前端如何判断音视频是否播放完毕
发布:2021/9/11 23:26:00

音频


<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>



视频


<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>