HTML过渡-视频黑色轮廓

Question

概述：

我正在网站上进行页面转换，目前正在使用动画，动画结束后，屏幕上会显示mp4视频并循环播放，直到加载页面为止。

问题：

在某些分辨率下，视频似乎具有黑色轮廓，并打破了视频“透明”的效果。

我曾尝试与Rcountry %>% gather("Type", "Value",-Country) %>% ggplot(aes(Country, Value, fill = Type)) + geom_bar(position = "dodge", stat = "identity") + coord_flip()+ theme_minimal()+scale_fill_grey()+ theme(legend.position="bottom")+ theme(legend.title = element_blank())+ scale_fill_manual(values=c("darkslategray4", "darkslategrey"))+ labs(x="Country", y="Stock of robots per thousands worker in '000")+ geom_text(aes(label=c(X2010, X2018)), size=3.5)``` Thank you 合作，但我似乎没有使其工作。

这是html

overflow:hidden

这是我目前拥有的样式

               <ul class="transition">
                    <div class="video-container">
                        <video autoplay loop muted playsinline class="transition__video"
                            src="<?php echo get_template_directory_uri(); ?>/assets/images/transition.mp4"
                            type="video/mp4">
                        </video>
                    </div>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>

我尝试遵循此question，但对我没有任何帮助！

示例图片：

谢谢！