Archive for the ‘HTML5 Video Player Development’ Category

IE9 HTML5 Video Doesn’t Work… in VMWare

Monday, April 4th, 2011

So I spent most of the day porting the BetterVideo Player to be able to handle HTML5 video. Only to find out it doesn’t work. What the heck? When trying to set the src attribute or call play method, I would get errors: SCRIPT16385: Not implemented or SCRIPT5007: Unable to get value of the property 'play': object is null or undefined. A Google search didn’t reveal anything. Then I loaded up the IE9 video codec support demo… and it didn’t work either.
(more…)

Video: How to Build Web Apps

Monday, January 10th, 2011

A new video is posted from the January 4th 2011 Club AJAX meeting. Basic and advanced code for Ajax apps. The main subjects covered were CSS organizing, and OO-CSS concepts, and an HTML5 Video Player with custom JavaScript.

See the video here.

Webkit Unicode Bug

Thursday, August 12th, 2010

While working on the BetterVideo HTML5 player, I came across an odd bug in Safari; Unicode characters weren’t rendering correctly. What I was attempting to do was create a simple close button — a small box with an “x” in it. But I didn’t want to use the “x” character, I wanted something a little more specific. The Unicode character #&10005 is perfect, and there is a Webdings equivalent of it for Internet Explorer (small case “r”).
(more…)

Video: HTML5 Video Explained

Wednesday, July 14th, 2010

From the July Club AJAX meeting: What is HTML5 Video and how is it different from what we are used to? What problems does it solve, and what issues does it have? Since it doesn’t require a plugin does that mean it’s all open source? In this presentation, we will address these questions and provide some basic terminology for understanding how video works. We’ll show how to embed HTML5 Video API and explore the API, and discuss browser compatibility. Finally, we’ll go over video encoding possibilities.

The video of the presentation

The presentation

Also, Jeremy Brown and the July 2010 AJAX News

HTML5 Video Player Prototype

Monday, June 28th, 2010

As alluded to in a previous post and technical details discussed more in depth on Club AJAX, BetterVideo has been working on an HTML5 Video Player and is pleased to announce a working prototype. And as promised, BetterVideo is staying on the cutting edge. By all indications, HTML5 video looks to be the de facto standard of how video will be displayed, perhaps as soon as within the next two years. Our player is being future-proofed for when that day comes, but even better, we’re ready for technology of today – namely the iPad.

(more…)

The HTML5 Roadmap, Past and Present

Wednesday, June 23rd, 2010

According to Google trends, HTML5 is one of the hottest technology topics today and in the very near future, it will be the language of choice for web applications, displacing Flash. The most publicized reason for the push to build web apps in HTML5 is that Flash is not allowed on the iPhone and the iPad, but the reasons go deeper and more technical than that.

(more…)

iPad Bug Fix for Dynamically Created HTML5 Video

Monday, June 21st, 2010

I’m continuing my series on the iPad-targeted, BetterVideo HTML5 player which primarily targets the iPad which I first mentioned in a previous post. The player won’t be using the browser’s default controls — that would be sacrilegious for an AJAX developer who prides himself on UI design, and you can’t customize default player controls. Additionally, the HTML5 player will have the same functionality as the Flash player, so between the custom controls and this functionality, there will be a lot of JavaScript used. But even more importantly, the player is not placed on our own page; it’s designed to be used on our clients’ pages. Therefore, my preference is to provide the client with a simple bit of code and dynamically build everything that needs to be inserted into their page. This is where I ran into the iPad bug.
(more…)

CSS3 Layouts: The Flexible Box Model Basics

Monday, June 14th, 2010

At my employer, BetterVideo, I’m working on an HTML5 video player. Its primary target will be the iPad, and have secondary targets of Safari and Chrome. You can track my progress on this series as I write about interesting findings and bug reports.
(more…)