vido视频用contain属性为什么视频会有黑边出现呢
发布于 6 年前 作者 lzeng 11154 次浏览 来自 问答

尝试了很多种方法如下:

1、用其余两个属性会吧小视频拉大,所以只能采用contain这个属性,但是这个属性在会有黑边,反复尝试发现只有在加了tarbar情况下是没有黑边的,加了tarbar情况下用contain这个属性是有黑边的,也用自定义的tarbar尝试了,也是有黑边,只要不加tarbar就灭有这个问题,真机情况下跟开发工具一样都有这个问题,请求大家帮助下,这问题怎么解决呢?谢谢啦

<video style=“padding-top:{{bar_Height  + 45}}px;” src=’{{src}}’ style=‘border:none’ object-fit=“contain” controls=’{{false}}’ loop autoplay bindtouchstart=“touchStart” bindtouchend=“touchEnd” style=“width:{{windowWidth}}px;height:{{windowHeight}}px”>

video{position: relative;top: 0rpx;left:0px;object-fit: contain;margin: 0;padding: 0;display: block}

这是加了tarbar的情况下有黑边

这是没有加tarbar的情况下没有黑边

2 回复

contain属性 被替换的内容将被缩放,以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比,因此如果宽高比与框的宽高比不匹配,该对象将被添加“黑边”。

着急,请求大家帮忙看看吧

回到顶部