当我单击时video，它应该从其原始位置动画到某个目标位置。由于某些原因，我无法为原始video元素设置动画，因此我为由创建的克隆创建了动画cloneNode()。单击时，我只浏览了大约5个视频（时长少于20秒）和5个图像。我的动画方法是仅使视频滞后，有时根本不渲染，而图像似乎不受影响。我注释掉了我所有的动画代码，除了一行：
var clone = videoElement.cloneNode( false );
没有动画代码，图像/视频将立即传送到目标位置（这是预期的）。但是，当我单击相对较快时，如果不加注释，则会导致视频滞后一些（如果幸运的话），有时甚至根本无法在Chrome中呈现。在Edge中，视频需要花费几秒钟的时间来渲染。删除该行，无论我单击多快，视频都可以很好地加载/渲染。
cloneNode真的只是慢？似乎问题出在cloneNode（）上，但事实证明这是因为我使用mp4文件作为视频源。在Chrome中不推荐使用mp4。转换为webm视频文件后，滞后/渲染问题就完全消失了。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句