HTML5 Embedded Video

I've been looking into adding features onto here that bring the whole experience more in line with the main stream blog programs. I've seen that both video and images are a major tool when writing blog's and up until now I've only dabbled with adding YouTube embedding into the site.

I've now with some trail and error managed to get HTML5 video embedded successfully into here. It only works on locally hosted content but wouldn't take much tweaking to make it work with external content. I do intend to get image embedding soon but need to work out how embedding this sort of content effects this sites response website layout. Every image will have in theory a different aspect ratio so I will have to base any responsive layout on certain set ratios and hope any embedded image looks ok. The embedded images would then need to be blown up with probably JQuery.

HTML5 Embedding test:




YouTube Embedding test: