Событие Mouseover с Bodymovin JS

Question

Я ищу, чтобы добавить событие mouseover к SVG, который был экспортирован из After Effects. Я хотел бы, чтобы SVG играл на mouseover. До сих пор я играл с атрибутом animation-play-state, но он не работал. Я также попытался использовать onmouseover в скрипте и попытался добавить прослушиватель событий для mouseover, но все равно ничего. Что я делаю не так?

var params = { 
    container: document.getElementById('bodymovin'), 
    renderer: 'svg', 
    loop: true, 
    autoplay: true, 
    animationData: animationData 

}; 

var anim; 

anim = bodymovin.loadAnimation(params); 

Answer 1

Я делаю это так, и это работает для меня:

animContainer = document.getElementById('bodymovin'); 

var params = { 
    container: animContainer, 
    renderer: 'svg', 
    loop: true, 
    autoplay: true, 
    autoplay:false, 
    autoloadSegments: false, 
    path: 'data.json'// path to your data.json file you rendered from AE 

}; 

var anim; 

anim = bodymovin.loadAnimation(params); 
animContainer.addEventListener("mouseover", myScript); 

function myScript(){ 
    anim.play(); 
}