html Archive

Encoding Video for Android

In my previous post, Making HTML5 Video work on Android phones, I said that you have to encode your videos as .m4v in order for them to work in Android. This isn’t actually correct. The suffix can be either .mp4 or .m4v, what matters is the way the video is encoded.

Now, there are loads of blog and forum posts which give differing advice on presets and parameters, and I’m no expert – so what I’ll do is just show you two quick ways that worked for me (I have a Samsung Galaxy S).

Read the full article


Making HTML5 Video work on Android phones

I recently became the owner of an Android phone* and found that, despite it being listed as a feature of the browser, the HTML5 video element didn’t work for almost all of the examples I tried. I’ve just done some experimentation with this and think I’ve found a solution, so this post is offered in the hope that it helps anyone who may be tearing their hair out over the same problem.

Read the full article


Building a better HTML5 video player with Glow

Last year I wrote a post (Building HTML5 video controls with JavaScript) introducing the HTML5 Media Elements API and demonstrating a simple set of controls for playing video.

In this (somewhat belated) follow-up I’m going to explore building a more interactive set of controls using a JavaScript UI library; I’m going to use Glow, but it could easily be adapted to jQuery UI or similar.

Read the full article


Building Preloaded.com: The Front-end

This subject of this post is the redesign of my employer’s website, Preloaded.com, and is cross-posted from the Preloaded blog with permission.

At the beginning of the redesign project we agreed some design tenets: the new site should be a best-practice showcase and an opportunity to learn and use some of the latest web technologies; and it should employ existing services where practical.

Read the full article


Building HTML5 video controls with JavaScript

The HTML5 video element is now included in Firefox, Safari & Chrome, and on its way in Opera. By using JavaScript to access the media elements API it’s easy to build your own custom controls for it; in this article I’m going to show how I built a (very) basic control interface.

Read the full article


HTML5 Round-up

There’s been a noticeable increase in chatter about HTML5 recently, as the spec is moving towards Last Call status in October. The working group now has three co-chairs (from Apple, Microsoft, and IBM) and, despite some debate over semantics, the Working Draft of the spec was recently updated.

Read the full article


Newer | Older

Aside

I’ve updated my Speaking page to include more conferences, more videos, and a little on my speaking requirements and preferences. I’m planning to cut down on the number of talks I give in 2014 (twelve is too many), but am always open to interesting offers and opportunities, so please get in touch if you’re organising an event.

[#] 1 Comment . More Asides.