首页前端开发HTMLhtml5停止(暂停)当前播放的音频或视频的方法pause()

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

时间2024-01-23 02:50:02发布访客分类HTML浏览625
导读:收集整理的这篇文章主要介绍了html5停止(暂停)当前播放的音频或视频的方法pause( ,觉得挺不错的,现在分享给大家,也给大家做个参考。实例带有播放和暂停按钮的一段视频:VAR myVideo=document.getElementBy...
收集整理的这篇文章主要介绍了html5停止(暂停)当前播放的音频或视频的方法pause(),觉得挺不错的,现在分享给大家,也给大家做个参考。

实例

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

VAR myVideo=document.getElementById("video1");
function @R_@R_304_2568@_2266@Vid()  {
      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()的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

h5html5

若转载请注明出处: html5停止(暂停)当前播放的音频或视频的方法pause()
本文地址: https://pptw.com/jishu/583690.html
html5中重新加载音频/视频元素的方法load() HTML5音乐可视化视频教程的资源推荐

游客 回复需填写必要信息