原生js控制audio标签播放、暂停、重新加载

您所在的位置:网站首页 js控制视频播放和暂停的方法 原生js控制audio标签播放、暂停、重新加载

原生js控制audio标签播放、暂停、重新加载

2024-06-28 02:27| 来源: 网络整理| 查看: 265

audio不仅是一个标签,也是window下的一个对象,作为对象,具有一些对象属性和对象方法:

  对象属性:

    currentTime:获取当前播放时间

    duration:获取歌曲的总时间

    pause:是否暂停,返回布尔值

  对象方法:

    play():播放

    pause():暂停

    load():重新加载

 

audio播放暂停重新播放 播放 重新播放 function rbf() { var audio = document.getElementById('music1'); var bf=document.getElementById("bf"); audio.currentTime = 0; audio.play(); bf.innerText="暂停"; } function bf() { var audio = document.getElementById('music1'); var bf=document.getElementById("bf"); if (audio !== null) { if (audio.paused) { audio.play(); //audio.play();// 这个就是播放 bf.innerText="暂停"; } else { audio.pause(); // 这个就是暂停 bf.innerText="播放"; } } }


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3