HTML5 Video won't play on my ipad or iphone.

A video I encoded for mp4 and built in HTML5 won't play on my ipad or iphone.

It plays fine on Safari on MacBook as well as Google Chrome on Windows7, both in the HTML5 player.

I have encoded the mp4 in a program called HandBrake using H.264 for video and AAC for Audio and the device set to ipad (I also tried iphone).

URL is timken.com/sites/momentoftrust/en-us/documents/html5.html

The video is at timken.com/sites/momentoftrust/en-us/documents/maddy_ipad.mp4

I am just stumped as to why the video plays fine in the HTML5 container on a MacBook using Safari but will not play on the ipad or iphone.