首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >cloneNode()使html视频滞后,有时根本不呈现

cloneNode()使html视频滞后,有时根本不呈现
EN

Stack Overflow用户
提问于 2016-06-08 01:25:46
回答 1查看 335关注 0票数 1

当我单击一个video时,它应该从原来的位置移动到某个目标位置。由于原因,我无法动画原始的video元素,所以我动画了一个克隆,它是由cloneNode()创建的。我只需循环大约5个视频(不到20秒长)和5个图片时,点击。我的动画方法只导致视频滞后,有时根本不渲染,而图像似乎没有受到影响。除了一行之外,我注释掉了所有动画代码:

代码语言:javascript
运行
复制
var clone = videoElement.cloneNode( false ); 

没有动画代码,图像/视频只是传送到目标位置立即(这是预期的)。但是,当我相对快速地点击这一行时,会导致视频滞后一点(如果幸运的话),有时也不会在Chrome中渲染。在Edge中,视频需要几秒钟才能呈现。删除这一行后,不管我点击的速度有多快,视频的加载/呈现都会很好。

  1. 这一切为什么要发生?cloneNode真的这么慢吗?
  2. 对这个问题有什么实际的解决办法吗?
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-06-09 10:06:48

问题似乎在于cloneNode(),但事实证明,这是因为我使用mp4文件作为我的视频的来源。mp4在Chrome中是不受欢迎的。当我转换到webm视频文件时,延迟/渲染问题就完全消失了。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37691876

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档