How to Add Video to Octopress, the non-Hacky Way

Well, now that you’ve seen the hacky way to embed videos in Octopress, let me share with you the non-hacky way: the octopress-responsive-video-embed plugin.

It’s a simple plugin that generates some interesting markup for embedding videos (you essentially embed the raw source into an iframe and hope the server on the other end will serve up a player with the html5 or flash stream).

The size of the player/viewport is controlled CSS that defines a responsive, intrinsic ratio for the video.

Pretty interesting stuff.