Video is not scaling properly on mobile device

Video is not scaling properly on mobile device

I have embedded a video in a DIV and want it to scale according to the
size of the browser (up to a certain point). This all works fine, but on
an iPhone, the scaling doesn't work.
Here is a live link that works: http://www.craigzilla.dk/upload/template.html
And here is a screenshot of how it looks on an iPhone where the video
isn't scaled up to fit horizontally:
https://www.dropbox.com/s/xs2fex89td710ip/Photo%2005-09-13%2016.11.14.png
And here is a jsFiddle http://jsfiddle.net/craigzilla/EWgFm/
Here is the video css:
.projectWrapper {
max-width: 960px;
min-width: 320px;
margin: auto;
}
video {
width: 100%;
}
Any ideas how I can force the video to fill out the horizontal space?