在一个web页面中，有一个websocket实时流数据的视频，当视频卡顿时，前端其它部分（如css动画)也会随之卡顿，如何可以使视频卡顿影响不到页面的其他部分？

Question

在一个web页面中，有一个websocket实时流数据的视频，当视频卡顿时，前端其它部分（如css动画)也会随之卡顿。视频使用的是海威康视的H5player.js对实时的流数据进行处理，然后在前端展示的实时摄像头监控视频，查看H5player底层是使用canvas和requestAnimationFrame实现的。动画使用的是css 的animation制作。视频的卡顿是由于摄像头数据在传输过程的丢失导致的，视频的卡顿暂时是无法避免的(摄像头视频丢帧最严重时会从60帧掉到35帧左右，这时，在掉帧部分动画会有十分明显的卡顿)。如何可以使视频卡顿影响不到页面的css动画？