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

最新推荐文章于 2024-07-03 02:53:04 发布

zhang123csdn

最新推荐文章于 2024-07-03 02:53:04 发布

阅读量684

点赞数

分类专栏： JS基础文章标签：音视频 javascript 开发语言

本文链接：https://blog.csdn.net/zhang123csdn/article/details/134714820

版权

JS基础专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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();暂停