html5 video播放/暂停开关

最新推荐文章于 2025-03-18 13:29:03 发布

oneyJiang

最新推荐文章于 2025-03-18 13:29:03 发布

阅读量1.4w

点赞数 6

分类专栏： JS 文章标签： video

JS 专栏收录该内容

26 篇文章

订阅专栏

<!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>
        <video id="video1" width="420">
            <source src="http://runoob.com/mp4/mov_bbb.mp4" type="video/mp4">
        </video>
    </div>

<script type="text/javascript">
    var myVideo = document.getElementById("video1");
    function playPause() {
        if(myVideo.paused)
            myVideo.play();
        else
            myVideo.pause();
    }
</script>
</body>
</html>