html5停止(暂停)当前播放的音频或视频的方法pause()

发布时间:2022-05-17 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了html5停止(暂停)当前播放的音频或视频的方法pause()脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

实例

带有播放和暂停按钮的一段视频:

VAR myVideo=document.getElementById("video1");
function playVid()
  {
  myVideo.play();
  }
function pauseVid()
  {  myVideo.pause();
  }

定义和用法

pause() 方法停止(暂停)当前播放的音频或视频。

浏览器支持

所有主流浏览器都支持 pause() 方法。

注释:internet Explorer 8 以及更早版本不支持该方法。

语法

audio|video.pause()

如果要用js来控制audio的暂停与播放,我们不能直接在audio上添加点击事件,需要另外添加按钮才可以绑定点击事件。

HTML代码如下:

<button onclick="playPause()">播放/暂停</button>
<audio id="audio1" width="420" >
    <source src="example.mp4" tyPE="audio/mp4" />
    <source src="example.ogg" type="audio/ogg" />
</audio>

JS代码如下:

var myAudio = document.getElementById(&#39;audio1');
    function playPause(){
        if(myAudio.paused){
            myAudio.play();
        }else{
            myAudio.pause();
        }
    }

以上就是html5停止(暂停)当前播放的音频或视频的方法pause()的详细内容,更多请关注脚本宝典其它相关文章

脚本宝典总结

以上是脚本宝典为你收集整理的html5停止(暂停)当前播放的音频或视频的方法pause()全部内容,希望文章能够帮你解决html5停止(暂停)当前播放的音频或视频的方法pause()所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:h5html5html5