视频播放标签，设置自动播放暂停键播放键 js方法

最新推荐文章于 2025-09-21 05:52:47 发布

原创最新推荐文章于 2025-09-21 05:52:47 发布 · 979 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#音视频 #javascript #开发语言

JS基础专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在HTML中使用video标签实现视频的自动播放功能，并通过JavaScript监听键盘事件，控制视频的播放与暂停。开发者展示了如何在用户按下Enter键时切换视频的播放状态。

1 创建video 标签，标签设置属性 autoplay 自动播放，宽高100 全屏。

<video class="video" id="shipin" controls="controls" autoplay poster="" style="width:100%;height:100%;position:fixed;">
    <source src="" type="video/mp4" />
</video>

2 js监听按键执行方法

  window.document.onkeydown = function (e) {
        //console.log(e)
        //alert("你按键//key：" + e.key + "-keyCode：" + e.keyCode);
        if (e.keyCode == 13) {
            if (myVideo.paused) {
                myVideo.play();
            } else {
                myVideo.pause();
            }
        }
        }

3 myVideo.play(); 播放 myVideo.pause();暂停