html5 video怎么停止播放视频

PHP中文网 JavaScript

本文摘自PHP中文网，作者青灯夜游，侵删。

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

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

html5 video停止播放视频

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

<!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>

效果图：

1.gif

相关函数说明：

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

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

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

以上就是html5 video怎么停止播放视频的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

HTML5多媒体audio和video详细介绍（二）

20个非常绚丽的HTML5/css3应用插件的详细介绍（图）

h5的地理定位怎样使用

html如何写超链接跳转提示代码

HTML5本地存储storage实例详解

彻底理解css中视觉格式化模型（附示例）

HTML5中在可拖动元素或选取的文本放置在目标区域时触发的事件ondrop

分享HTML5虚拟键盘出现挡住输入框的解决办法

HTML5中布尔属性的hidden

HTML5的表单中关于所有type类型的详细介绍

更多相关阅读请进入《HTML5》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...