Animation-play-state: paused not working on android

I am controlling svg with css animation i generated from http://cssanimate.com/ i created a function in my controller to change the animation-play-state to running when i click a button. This works on ios but not on android any tips on how to start stop pause css animation ?

EDIT: I figured out my issue i need to add animationPlayState and webkitAnimationPlayState to my function

$scope.startAnim = function (params) {
            var someAnim = document.getElementById("someAnim");
            if (
                someAnim.style.animationPlayState === 'running' ||
               someAnim.style.webkitAnimationPlayState === 'running') {
               someAnim.style.animationPlayState = 'paused';
                someAnim.style.webkitAnimationPlayState = 'paused';
                document.body.className = 'paused';
            } else {
            someAnim.style.animationPlayState = 'running';
                someAnim.style.webkitAnimationPlayState = 'running';
                document.body.className = '';
            }

        };