MediaElement.js – Chris Coulson's Developer Notes

Encode h.264 and WebM videos for MediaElement.js using FFmpeg

Chris Coulson — Thu, 14 Jun 2012 04:42:12 +0000

I recently added a video player to a client’s site. I found John Dyer’s MediaElement.js to be an excellent solution for doing this. As long as you provide both an h.264 and WebM encoded version of the video, it will play natively on almost all browsers. For unsupported browsers it will fall back to Flash. The client’s videos were all wmv’s, so they would need to be converted to h.264 and WebM.

Source

Improving the MediaElement.js Loading Animation

Chris Coulson — Thu, 14 Jun 2012 02:05:04 +0000

I’ve been using MediaElement.js recently, to display videos on a client’s site. One thing that bothered me was the loading animation that played. It looked unfinished – showing up in a small dark square – almost like it was supposed to be completely transparent, but wasn’t. Here’s an image of how it is in the current release: I looked into it, and the reason for it is because the loading animation...

Source

Easy Handling of Http Range Requests in ASP.NET

Chris Coulson — Thu, 07 Jun 2012 03:44:25 +0000

I was recently working on adding video playing capabilities to a client’s existing ASP.NET application. They had video files that had been uploaded by users, and they wanted to allow the users to be able to preview the files on the web. I found MediaElement.js to be a excellent solution for this: As long as there were WEBM and H.264 encoded versions of the video to be played...

Source