Animation-play-state: paused not working on android


I am controlling svg with css animation i generated from 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 (
       === 'running' ||
      === 'running') {
      = 'paused';
       = 'paused';
                document.body.className = 'paused';
            } else {
   = 'running';
       = 'running';
                document.body.className = '';