
QuarterTon Launch
After 2.5 years or so… Quartertonproductions.com has launched. It is a c5 site with a WP blog added. Also of note are a couple of video playing customizations (home page and watch this) that pulls in youtube videos, a goofy little water cooler swf animation, and a jQ twitter feed thingy.
new palmer site launch
New site at http://www.palmerprinting.com/
Features:
- Flash intro
- Mobile goodness. Phone and tablet.
- css expander-ness.
Videos on websites
How videos should be sent (idealy)
- Videos should be sent in at the exact size/bitrate they want them and if not it should be sent in at a decent size (mpeg, mp4, h.264, wmv) so we can do a good conversion on it. That means we’ll need to send the dimensions if we’re trying to fill a certain space in the site.
- For flash, videos do get a bit blocky at lower bitrates. I orginally did these BLH ones at 600 kbps, but since they want them sharper I ran them at the default of 1500 kbps even though it doubled the file size.
- If file size really matters its going to show in the video quality. Good balance might be around 1000 kbps for flash video.
- With html5 video we can get some better quality out of using (mp4, h.264)
I wonder if we should also have a set argument for youtube and/or vimeo? I haven’t looked at what these guys entirely offer, but I’m gonna make a few blanket assumptions…
- kinda industry standard as far as interface / processing / file types etc.
- handles all OS’s / devices in their own way. We just embed, throw in a prettyphoto, etc..
- user wants something better – they upload/set it as such. These guys can handle HD etc.
- We are no longer hosting giant ass Video files on our servers or the clients shit-ass server
- no conversion tools necessary on our part
- etc.
I’m guessing this wouldn’t be the solution 100% of the time, but I think we should spend a little time on discovery to maybe figure out what these services can provide – even if it were an upgraded acct, etc.? It would obviously save us time/energy – but I think we can also make an argument for it being better for the client in ways too.
All other inputers do so in comments section.
Cross-Browser HTML5 Video With Flash Fall-back
Display html5 video with a fallback to flash for incompatible browsers.
<video controls width="320" height="240"> <source src="myvideo.mp4" type="video/mp4" /> <source src="myvideo.ogv" type="video/ogg" /> <source src="myvideo.webm" type="video/webm" /> <object width="320" height="240"> <param name="movie" value="myvideo.swf" /> <embed src="myvideo.swf" width="320" height="240"></embed> </object> </video>
Resources:
http://blogs.sitepoint.com/2010/11/05/html5-video-cross-browser-fall-backs/
http://www.smashingmagazine.com/2011/03/11/syncing-content-with-html5-video/
http://popcornjs.org/
http://butterapp.org/
Embedding Flash Better
Ran into an issue with versions of Flash misbehaving with versions of IE. The SWF_modified way in Dreamweaver, and even the jQuery way (which supposedly uses SWF Object2.2) were not working in all situations. Apparently using swfobject 2.2 the ‘right way’ is the way to go:
http://code.google.com/p/swfobject/
It actually cleans up the html mark-up considerable… which is nice. Their little html generator is quite handy as well. I recommend all you jerks you this.
You can see an implementation: http://www.behrensdesign.com/
Include swfobject via Google API
<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js" type="text/javascript"></script>
Recent Comments