自定义video播放组件-支持移动端

最新推荐文章于 2023-12-09 19:43:58 发布

原创最新推荐文章于 2023-12-09 19:43:58 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#移动 #js #video #h5

js小插件专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个自定义的视频播放器组件，该组件支持自动播放、全屏观看、调节播放速度等功能，并且兼容移动端。提供了HTML和JS的使用示例。

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

完整demo下载

自写控制条
可全屏观看
可调节观看速度
兼容移动端

组件效果

嵌入页面效果

全屏效果

使用示例

html

<div id="testBox"></div>

var my_video = new A_Video(
    "testBox",  //容器的id
    {
        url         : 'https://upload.wikimedia.org/wikipedia/commons/7/75/Big_Buck_Bunny_Trailer_400p.ogg',    //视频地址
        autoplay    : true              //是否自动播放
    }
);