I’ve put a few HTML5 videos on my website and just noticed that they don’t play in Opera and Firefox, but work fine in Chrome and Safari. They’re 720p videos but I scaled the player down proportionally because a full 720p won’t fit in my layout (not sure if that’s an issue).
Here’s an example of a video on my site, although the same thing happens with all my video pages: http://willryan.us/video_tilda.html
Different browsers support different video formats. Currently, there are three formats you you should use to encode your videos:
Your page contain MP4 variant only. For more compatibility with different browsers, you should additionally provide at least WebM variant.
You can try to use free tools like XviD4PSP to transcode your videos to different formats.