欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

video动态设置宽高

程序员文章站 2022-03-26 13:19:23
video视频是通过编辑器在后台上传的,上传视频时编辑器要求必须传入视频的宽高,而且必须是数字,不能是百分比 实在太不智能了,传具体数字怎么适配各种型号的设备呢??? 在前台显示视频的时候,所有的video标签都有设置好的width和height属性 我首先移除了视频设置的宽高属性 $(functi ......

video视频是通过编辑器在后台上传的,上传视频时编辑器要求必须传入视频的宽高,而且必须是数字,不能是百分比

实在太不智能了,传具体数字怎么适配各种型号的设备呢???

 

在前台显示视频的时候,所有的video标签都有设置好的width和height属性

我首先移除了视频设置的宽高属性

    $(function(){

        $("video").removeattr("width");
        $("video").removeattr("height");
    })

然后在样式里设置视频的宽高为100%

 video{width:100%;}

 

通过style样式设置video宽高会受到video标签的width和height属性的影响,因此我先把这些属性移除了、