Video displaying on iPad bug

I've set up a page in which I put the video in the middle of the page. I set the size to auto. It looks fine on the computer in which the video is located inside the container. However, when I view the page on iPad, the video is stretched out to full size and off the page.
0
Comments
SmugMug Hero & CSS Monkey
https://help.smugmug.com/get-started-with-customization-SkgwJ4rM
Actually it is really easy to test. If you create a page with fixed width (say 1024px) and put a video on that page and set it to auto size, on ipad the video will stretch out from that width.
Here is a screenshot of iPad. The video is so stretched out even the breadcrumb is only half showing.
Here is a screenshot when the video looks normal on a computer (Safari browser)