小编给大家分享一下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('audio1'); function playPause(){ if(myAudio.paused){ myAudio.play(); }else{ myAudio.pause(); } }
以上是“html5中pause()怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。