Css HTML视频不透明度转换问题

我在尝试在不透明度上使用CSS转换淡入/淡出视频时遇到了一个“问题”。转换完成后，视频会闪烁几秒钟。这种效果只在Chrome中出现，在其他浏览器中也能正常工作。您可以在此处看到一个工作示例：

在中单击过渡按钮后，动画结束时会出现闪烁

相关CSS：

video { width:640px; height:360px; position:absolute; left:0; top:0; transition:opacity 1s ease-out; }
video:not(.active) { opacity:0; transition-duration:.5s; }

---

有人知道是否有解决方法吗？

我看不到Chrome中有任何闪烁。我看不到Chrome中有任何闪烁。