HTML5学习笔记（一）：video，audio

最新推荐文章于 2025-01-15 23:30:44 发布

sfSam

最新推荐文章于 2025-01-15 23:30:44 发布

阅读量117

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML5

本文链接：https://blog.youkuaiyun.com/sfSam/article/details/84175774

HTML5 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个使用JavaScript创建视频播放功能的函数，包括自动播放、循环播放和控制条功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

            function toggleVideo(){
                var oVideo = document.getElementById("myVideo");
                if (oVideo) {
                    document.body.removeChild(oVideo);
                }
                else {
                    oVideo = document.createElement("video");
                    oVideo.src = "medias/1.m4v";//MP4格式
                    oVideo.controls = "controls";//鼠标可以控制
                    oVideo.autoplay = "true";//是否页面加载后就自动播放
                    oVideo.loop = "loop";//是否循环播放
                    oVideo.id = "myVideo";
                    document.body.appendChild(oVideo);
                }
            }