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

最新推荐文章于 2022-09-16 10:39:38 发布

D000

最新推荐文章于 2022-09-16 10:39:38 发布

阅读量2.2w

点赞数 4

分类专栏： JavaScript

本文链接：https://blog.csdn.net/u011171159/article/details/51799640

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

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