我有一个HTML5视频标签和一个SVG动画。我想要实现的目标 - 当视频正在播放时，我希望动画以与视频相同的速度移动。动画看起来像这样
<animateTransform id='pathAnimation' xlink:href="#chartPath"
attributeName="transform"
attributeType="XML"
type="translate"
from=""
to=""
dur="1s" begin="indefinate" fill="freeze" />
所以每一秒我都会更改from和to参数。结果非常接近我想要实现的目标，但有时候（几秒钟一次）就像微小的冻结/闪烁一样，我认为它来自于我不知道如何增加from的确切结果。和to。
那么如何使视频顺利运行？
提前谢谢