HTML, CSS & Javascript – 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