jQuery animate not taking easing on transform

I have a problem while trying to make a scale animation. I have a video element as a background and have scaled it to (1,1) at begining. I have binded the mouse move in the document to get the position and scale the video whenever the mouse moves in Y axis, it scales accordingly like zoom in and out effect. However i have been trying to implmenet easing option to that but it just scales without the effect. here is my code

So what it does is whenever cursor enters the document and moves in Y axis, it starts to scale from 1 to (1+value) whenver i move the cursor down/up scaling the element. But it is not taking the easing.

What I've done is make a container for the thing you want to scale, then I've used CSS width to scale the container. I also added a transition effect on the container that's being animated so the thing will ease as you want.