IE9 HTML5 video visible only after cache clearing

The html5 video is working in all browsers. Except that in IE9 it shows only after the cache is cleared;

The second page refresh after clearing the cache no longer displays the popup;

The video is inside a foundation 3 reveal. IE9 Developer Tools shows the computed css:

box-sizing: border-box;
float: none;
height: 416px;
width: 640px;
visibility: visible;

But if this would have been a css problem the video would have never been shown. Also, the video plays fine, there are no encoding issues.

Possible duplicate of IE9+8 HTML5 Video - video loads but "invisible"

EDIT Added a showcase of the bug click here

Solution

As a quick fix, I removed the video's height attribute from the css and added it using javascript in the callback triggered after the modal is opened.