vido视频用contain属性为什么视频会有黑边出现呢

发布于 8 年前作者 lzeng11325 次浏览最后编辑 8 年前来自 ask

尝试了很多种方法如下:

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的情况下有黑边

WXOPEN Club 内容图片

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

WXOPEN Club 内容图片
2 回复
zhongchao
zhongchao1 楼6 年前

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

yandong
yandong2 楼6 年前

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