use outerWidth and outerHeight for el dimensions

I had an issue where padding of the container element wasn't granted for.
This resulted in the video having a black bar on the right side (with a size equal to the combined horizontal padding).
Using the outerWidth and outerHeight jQuery methods solved this problem.