使用css3动画时HTML5视频冻结

时间:2015-07-07 14:57:02

标签: html5 css3 video opacity freeze

我正在播放全屏html5视频,并尝试使用不透明动画显示一些文字。 为了获得最佳性能,我将视频编码为最小,当我只播放它时,它真的很流畅。 但只要我用简单的不透明动画显示我的文字(从0到1) 视频很冷。 该文本仅由8个段落组成,我将其延迟显示。

我不确定这是由于不透明度,因为我看到一篇关于此的文章:

  

不透明动画总是加速。我听到有人说   不透明度过渡和动画对性能不利。那不是   真正。默认情况下,不透明度更改会推送到GPU,就像3d一样   变换。事实上,根据保罗爱尔兰(以下YouTube链接)   不透明度是性能最佳的CSS属性之一。

有人已经解决了这个问题吗?

UPDATE categories
    SET display_order = CASE id
        WHEN 1 THEN 3
        WHEN 2 THEN 4
        WHEN 3 THEN 5
    END,
    title = CASE id
        WHEN 1 THEN 'New Title 1'
        WHEN 2 THEN 'New Title 2'
        WHEN 3 THEN 'New Title 3'
    END
WHERE id IN (1,2,3) 

1 个答案:

答案 0 :(得分:0)

尝试在文字CSS类中设置过滤为无

  

.myText {filter:none;}