Javascript 翻译后，Chrome视频标签呈现不正确

从一个月前到现在，chrome似乎在翻译后（或者频繁翻译后）错误地渲染视频

• 我的chrome是版本：

  78.0.3904.97（官方版本）（64位）。

• 我的操作系统：

  MacOS Catalina 10.15

  ，但问题也发生在Windows上
• 如果实际翻译是使用库完成的，例如

  velocityjs

  ，那么问题仍然会发生

下面是一个不适合我的例子。视频会移动（有时），但有时视频会卡住，不再移动。当这种情况发生时，实际的元素被移动，我看到了应该渲染视频的光标指针。我也可以从那里重新拖动它，但视频仍在屏幕上其他不应该播放的地方播放。尤其是如果视频的一部分在窗口之外（本例中为底部或右侧），则视频似乎能够正确转换/更新

复制步骤：

为了获得更好的体验，请将代码段移动到全屏，以便有更多的区域可以拖动

单击并按住正在播放的视频

将视频绕圆圈拖动一点。不需要太快

不要再按住“单击”按钮来删除视频

在拖动过程中，您应该看到没有跟随鼠标移动的视频，并且现在应该在与您放置视频的位置完全不同的位置渲染视频。不过，实际的视频元素位于正确的位置

console.clear（）；
设拖动=假；
设dragStartX=0；
设dragStartY=0；
const root=document.getElementById（'root'）；
const container=document.getElementById（'container'）；
const video=document.getElementById（'video'）；
函数onMouseDown（e）{
如果（！拖动）{
拖动=真；
}
}
移动鼠标的功能（e）{
如果（拖动）{
常数diffX=（e.clientX-dragStartX）；
常数diffY=（e.clientY-dragStartY）；
container.style.transform='translate（'+diffX+'px'，+diffY+'px）'
}
}
函数onMouseUp（e）{
如果（拖动）{
拖动=假；
}
}

#视频{
显示器：flex；
最大高度：200px；
最大宽度：360px；
指针事件：无；
}
#容器{
显示器：flex；
背景色：“#FA0050”；
位置：绝对位置；
排名：0；
左：0；
宽度：适合的内容；
高度：适合的内容；
光标：指针；
}

这似乎已经在问题版本和Chrome

版本79.0.3945.88（官方版本）（64位）之间的某个地方被修复了

这似乎已经在问题版本和Chrome

版本79.0.3945.88（官方版本）（64位）之间被修复了

我的2c可能是一个Chrome bug，最好的方法是将它记录在那里。不能在Safari或Firefox中重新编程，但要在Chrome中保持一致：（我的2c是，这是一个Chrome错误，最好的方法是将它记录在那里。不能在Safari或Firefox中重新编程，但要在Chrome中保持一致：(