当我单击一个video时,它应该从原来的位置移动到某个目标位置。由于原因,我无法动画原始的video元素,所以我动画了一个克隆,它是由cloneNode()创建的。我只需循环大约5个视频(不到20秒长)和5个图片时,点击。我的动画方法只导致视频滞后,有时根本不渲染,而图像似乎没有受到影响。除了一行之外,我注释掉了所有动画代码:
var clone = videoElement.cloneNode( false ); 没有动画代码,图像/视频只是传送到目标位置立即(这是预期的)。但是,当我相对快速地点击这一行时,会导致视频滞后一点(如果幸运的话),有时也不会在Chrome中渲染。在Edge中,视频需要几秒钟才能呈现。删除这一行后,不管我点击的速度有多快,视频的加载/呈现都会很好。
cloneNode真的这么慢吗?发布于 2016-06-09 10:06:48
问题似乎在于cloneNode(),但事实证明,这是因为我使用mp4文件作为我的视频的来源。mp4在Chrome中是不受欢迎的。当我转换到webm视频文件时,延迟/渲染问题就完全消失了。
https://stackoverflow.com/questions/37691876
复制相似问题