html5 video播放/暂停开关

最新推荐文章于 2023-06-05 14:42:18 发布

weixin_30491641

最新推荐文章于 2023-06-05 14:42:18 发布

阅读量579

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ll-taj/p/6727743.html

本文介绍了一个简单的HTML5页面示例，该示例中包含一个视频播放/暂停按钮的功能实现。通过JavaScript代码，实现了点击按钮后视频播放或暂停的效果。此示例使用了HTML5的video标签和JavaScript的基本函数来完成。

<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html;charset=utf8">
<head>
<title>html5 video播放/暂停开关</title>
</head>
<body>
<div style="text-align:center">
<button onclick="playPause()">播放/暂停</button>
<br />
<video id="video1" width="420">
<source src="http://www.runoob.com/try/demo_source/mov_bbb.mp4" type="video/mp4">
</video>

</div>