Posts Tagged ‘video’

More CSS Secrets: Another 10 Things You May Not Know About CSS – W3Conf 2013

CSS | Posted by Keefr March 2nd, 2013

I don’t post too many videos to Keefr.com — just not a whole lot of videos circulating out there about front end web development.

This one from W3Conf is great though — all about CSS, and worth watching all the way through to the end.

Mozilla Plans H.264 Video for Desktop Firefox

Browsers, Firefox | Posted by Keefr October 25th, 2012

One of the annoying things with HTML5 over using the Flash plugin is that video and audio formats are different from browser to browser and even within browser versions. Firefox is trying to make that landscape a little easier — finally giving in and utilizing H.264 video for its desktop web browser. Woo hoo!

Mozilla Plans H.264 Video for Desktop Firefox

Multimedia Troubleshooting

HTML, Web Development | Posted by Keefr August 3rd, 2012

Came across this the other day: good list of standard and common issues that come up when dealing with developing multimedia on the web.

Multimedia Troubleshooting

Fluid Width Video

CSS | Posted by Keefr June 22nd, 2012

Don’t have a ton of experience with dealing with videos, video players other than the occasional video embeds from YouTube or Vimeo over at my sister site, Keefer Madness. But recent projects I’ve worked on at work has exposed me more to video — both Flash-based players and the HTML5 video tag.

Speaking of video, might I also recommend checking out JW Player — a favorite around here.

I’ve found embedding videos and making them be responsive to be quite a challenge. My favorite CSS site came to the rescue once again:

Fluid Width Video

Building a Custom HTML5 Video Player with CSS3 and jQuery

CSS, HTML, jQuery | Posted by Keefr January 4th, 2012

Great article from the Opera developer site on creating your own CSS3/jQuery-based HTML5 video player. Great reference article.

Building a Custom HTML5 Video Player with CSS3 and jQuery

Broadway: An H.264 Decoder in JavaScript Running at 30fps

JavaScript | Posted by Keefr November 23rd, 2011

The Web keeps getting better, and you can continue to thank the ingenuity of JavaScript wizards. This is a 30 frames per second demo of a JS H.264 decoder. Pretty freaking cool.

Broadway: An H.264 Decoder in JavaScript Running at 30fps

Native Audio in the Browser with HTML5

HTML, jQuery, Web Development | Posted by Keefr May 13th, 2011

A lot of the hubbub around HTML5 and media surrounds video, and browsers only supporting certain codecs, while others are only support separate non-compatible codecs. Well what about video’s visually challenged little brother— audio. Until a couple weeks back, I hadn’t played around with embedding audio into an HTML5 page. Turns out, it suffers from a lot of the same issues that are still swirling around HTML5′s video tag.

Native Audio in the browser

Luckily for both, there’s a jQuery plugin that does browser detection and allows CSS to be the source of design and styling:
jPlayer: HTML5 Audio & Video for jQuery