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

时间:2017-02-22 15:55:36

标签: css google-chrome html5-video

我遇到过"问题"尝试使用不透明度的CSS转换淡入/淡出视频时。转换完成后,视频会闪烁几分之一秒。此效果仅发生在Chrome中,它可以在其他浏览器中正常运行。您可以在此处查看一个有效的示例:https://jsfiddle.net/bx2ar546/1/

单击转换按钮后,闪烁发生在动画结束处。

相关的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; }

有没有人知道是否有针对此的解决方法?

0 个答案:

没有答案