Idiot Banter

The New Comedy Network Video Player

Posted By:

Matt

Posted On:

January 27th, 2008

Posted In:

CSS & XHTML

Comments:

One Response, Join The Conversation.

For the last few months the CTV Digital Media Group (where I work) has been working really hard on a new video player. It went beta last Thursday on The Comedy Network, check it out.

What I Had To Do With It

I am responsible for all of the HTML and CSS in the new video player. I cut the Photoshop mocks into a working static model and advised on best practices when it came time to make the player work by dynamically adding/changing HTML and CSS using JavaScript. I wrote all of the CSS which is pixel-perfect in every major browser. The video player had to be 100% skinnable for easy use on any CTV property so if you look behind the curtains you’ll find colour.css, by switching this style sheet we can change the entire look and feel of the player instantly. If time is tight we can launch a new video player with a default skin and the appropriate logo in 30 minutes. If we have more time, I can fully customize every aspect of the player in as little as 4 hours (you’ll see as more are launched). This is by far the biggest project I have ever worked on and I think I did alright. I even used surprisingly few CSS hacks (in my opinion).

What You Can Do

Go watch some videos! They have every episode of South Park ever, for free, whenever you like. The new Tom Green show is hilarious and Reno 911 is always good for a laugh.

Submit some feedback, let us know what you think of the player.

Read what Jonathan has to say about it, he’s the boss.

Similar Posts:

• New CTV Video Player
• New Discovery Channel & TSN Video Players
• Disabling Deprecated HTML Using CSS