CustomWoodCrates.com
Donkey simple quicky website with a little css3 fun to make IE jealous.
PrettyPhoto gallery and video. Should prolly do it all html nice video style, but all their other stuff already has these Flash videos, so I just stuck with it. Maybe I’ll fix it later.
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.
Get Image for Youtube or Vimeo Videos from URL
Get the screen shot from a Youtube or Vimeo video URL.
function video_image($url){
$image_url = parse_url($url);
if($image_url['host'] == 'www.youtube.com' || $image_url['host'] == 'youtube.com'){
$array = explode("&", $image_url['query']);
return "http://img.youtube.com/vi/".substr($array[0], 2)."/0.jpg";
} else if($image_url['host'] == 'www.vimeo.com' || $image_url['host'] == 'vimeo.com'){
$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/".substr($image_url['path'], 1).".php"));
return $hash[0]["thumbnail_small"];
}
}
You Tube Various size images
return "http://img.youtube.com/vi/".substr($array[0], 2)."/default.jpg"; // Small Default return "http://img.youtube.com/vi/".substr($array[0], 2)."/0.jpg"; // Large Default return "http://img.youtube.com/vi/".substr($array[0], 2)."/1.jpg"; return "http://img.youtube.com/vi/".substr($array[0], 2)."/2.jpg"; return "http://img.youtube.com/vi/".substr($array[0], 2)."/3.jpg";
Vimeo
return $hash[0]["thumbnail_small"]; return $hash[0]["thumbnail_medium"]; return $hash[0]["thumbnail_large"];
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/
Recent Comments