我正在制作很多动画。我的要求是，在页面加载时，默认情况下必须预设特定的框架。当用户将鼠标悬停在元素上时，动画应从头开始。在完成动画之后，它必须返回到初始预定义的帧。我试图使其与goToAndPlay()方法一起使用，但是没有用。

这是我的JavaScript

let iconmenu = document.querySelector('.bodymovinanim1');
let animationmenu = bodymovin.loadAnimation({
        container: iconmenu,renderer: 'svg',loop: false,autoplay: false,path: "https://assets2.lottiefiles.com/packages/lf20_txJcSM.json",initialSegment: [51.5,200],});

iconmenu.addEventListener('mouseenter',(e) => {
animationmenu.goToAndPlay(1,true);
});

This is the fiddle for the same.

接下来我可以尝试什么？