javascript - ビデオの再生中に SVG アニメーションを動かす

Question

HTML5 ビデオ タグと SVG アニメーションがあります。達成したいこと - ビデオの再生中に、アニメーションをビデオと同じ速度で動かしたい。アニメはこんな感じ

<animateTransform id='pathAnimation' xlink:href="#chartPath" 
                    attributeName="transform"
                    attributeType="XML"
                    type="translate"
                    from=""
                    to="" 
                    dur="1s" begin="indefinate" fill="freeze" />

そのため、毎秒パラメータfromとtoパラメータを変更します。結果は私が達成したいものに非常に近いですが、時々（数秒に1回）小さなフリーズ/点滅があり、正確にインクリメントする方法がわからないことから来ていると思いますfromand to.

では、ビデオでスムーズに動作させるにはどうすればよいですか?

前もって感謝します