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

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

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

问题2：视频设置mix-blend-mode后，视频下方还是有黑色块（偶现，有些地方没有）；

经过排查，造成以上问题是因为父（祖先）元素设置transform导致的，

解决方法1：translateX、translateY都改成left和top的写法。

解决方法2：增加z-index层级，这样它的模糊只会影响自己范围内的，不会影响整个页面。

使用的是谷歌浏览器。

还有其他解决方式的，mix-blend-mode导致其他问题的，欢迎补充。