For those who use Heroku with enough regularity to not need the full beginners guide, but not enough to have memorized the install / setup process, Heroku has published a quickstart guide:
HTML5 Video works everywhere except the iPad / iPhone / iOS devices.
Double check to make sure your video is H.264 encoded. Most other browsers will play other formats, even Safari on OS X via the Quicktime plugin. There are exceptions (notably browsers that require Vorbis), however, most mobile devices at this time require that specific codec.
HTML5 Video plays correctly on your local copy of a site you’re building, but once you upload it to a server, it breaks.
This can happen if the server sends the video back with the wrong MIME-Type, usually text/plain or something similar. What you need to have the server send the correct MIME-Type. If you’re using Apache, add these lines to your .htaccess or server configuration file:
AddType video/ogg .ogv
AddType video/mp4 .mp4
A solid overview of the various general techniques/strategies a web developer can employ in making a site that works in all resolutions, from desktop to mobile. Focuses on Responsive Design, Progressive Enhancement, Server Side, and Hybrid approaches.
Solution? Use wget. After installing wget, use the following command:
$ wget -E -H -k -K -p http://example.com/path/to/page
This creates a local mirror of the page + all external elements with file paths rewritten to reflect this. You’ll end up with a folder called “example.com” and possibly others if the page referenced other domains. Drill down through the file path structure to your file (so in this example, you’d find your page in the example.com/path/to/ directory).