自定义video标签进度条

作者：小蓝xlanll | 2024-02-22 13:13:36

踩

elpg


<!doctype html>
<html>
    <head>  
        <meta charset="utf-8">
        <title>短视频</title>
        <style lang="en">
            html, body{
                font-family: "微软雅黑";
                margin: 0;
                padding: 0;
            }
            div, video{
                padding: 0;
                margin: 0;
            }
            #videoBox{
                width: 100vw;
                height: 100vh;
                position: relative;
            }
            #videoBox video{
                width: 100%;
                height: 100%;
            }
            #videoBox .controls{
                width: 100%;
                height: 60px;
                position: absolute;
                bottom: 0;
                left: 0;
            }
            #videoBox .controls .bg{

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/130249?site