html5 video怎么停止播放视频

htML5 video停止播放视频的方法：首先使用“document.getElementById("id值")”获取到video对象；然后使用“video对象.pause()”语句停止（暂停）当前播放的视频即可。

本教程操作环境：windows7系统、HTML5& & javascript1.8.5版、Dell G3电脑。

html5 video停止播放视频

!DOCTYPE html>
     html>
     head>
     meta charset="utf-8">
     /head>
    body>
     div style="text-align:center">
       button onclick="playPause()">
    播放/暂停/button>
       br>
    br>
      video id="video1" width="420">
        source src="mov_bbb.mp4" type="video/mp4">
        source src="mov_bbb.ogg" type="video/ogg">
        您的浏览器不支持 HTML5 video 标签。  /video>
    /div>
     script>
     VAR myVideo=document.getElementById("video1");
 function playPause(){
     	if (myVideo.paused) 	  myVideo.play();
     	else 	  myVideo.pause();
 }
     /script>
     /body>
     /html>
    

效果图：

相关函数说明：

play() 方法开始播放当前的音频或视频。

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

更多编程相关知识，请访问：编程视频！！

以上就是html5 video怎么停止播放视频的详细内容，更多请关注其它相关文章！

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