首页 > 其他分享 >video设置mix-blend-mode后造成的问题

video设置mix-blend-mode后造成的问题

时间:2023-02-13 12:00:41浏览次数:37  
标签:视频 mix video mode 设置 blend

在项目,有个业务需要展示一个视频,video标签设置src后,发现一个1个,视频下方有一块黑色的,百度后,对视频进行样式处理,增加【mix-blend-mode:screen】,这一加,就造成了2个问题,经过排查,这2个问题都跟transform有关:

问题1:视频设置mix-blend-mode后,页面变得有点模糊,不够清晰;

问题2:视频设置mix-blend-mode后,视频下方还是有黑色块(偶现,有些地方没有);

经过排查,造成以上问题是因为父(祖先)元素设置transform导致的,然后把translateX、translateY都改成left和top的写法。

使用的是谷歌浏览器。

标签:视频,mix,video,mode,设置,blend
From: https://www.cnblogs.com/grow-up-up/p/17115835.html

相关文章