{"id":261,"date":"2011-05-18T16:35:04","date_gmt":"2011-05-18T23:35:04","guid":{"rendered":"http:\/\/www.digivideoplus.com\/dv_blog\/?p=261"},"modified":"2011-06-12T18:05:04","modified_gmt":"2011-06-13T01:05:04","slug":"html5-video","status":"publish","type":"post","link":"https:\/\/www.digivideoplus.com\/dv_blog\/2011\/05\/18\/html5-video\/","title":{"rendered":"HTML5 Video"},"content":{"rendered":"<p>I&#8217;ve been following the evolution of the HTML5 standard for awhile. In particular, what the new standard might do for Web video. Christopher Harrington wrote a good summary of the state of affairs recently: &#8220;<a title=\"Hopefully some emerging solutions\" href=\"http:\/\/localtype.org\/html5-video-sucks\/\">The State of HTML5 Video Sucks<\/a>.&#8221;<\/p>\n<p>The video tag is promising. I&#8217;ve built a few demo pages (see below) over the last year in order to explore this tag. Not all browsers support the tag fully. Implementation varies. And then there are competing video formats, namely h.264 and WebM to boot.<\/p>\n<p>h.264 encoding works well in Adobe Premiere Pro, as well as other workflows. The latest release of Sorenson Squeeze encodes high-quality WebM, albeit extremely slowly. Premiere Pro CS 5.5 does not support WebM.<\/p>\n<p>Harrington confirmed what I&#8217;d found regarding inconsistent buffering; but, in particular, that: &#8220;Some browsers don&#8217;t even properly follow the parameters passed in the video tag. Safari, for example, will automatically download the entire video when the web page is loaded, even if you explicitly set auto-buffering to &#8216;false&#8217;.&#8221;<\/p>\n<p>That leaves Flash as the stand-by. Cooliris does not even support h.264. So, I used some encoded flv files to demonstrate a video wall.<\/p>\n<p><a title=\"Cascade a variety of video options based on the browser\" href=\"http:\/\/camendesign.com\/code\/video_for_everybody\">Video for Everyone<\/a> is an interesting workaround, as well as <a title=\"Use javascript to fix browser deficiencies\" href=\"http:\/\/videojs.com\/\">VideoJS<\/a>. The latest Gallery uses Flow Player as its default player.<\/p>\n<p>What I mostly look forward to, eventually, is being able to design artful video galleries, showcases, carousels, walls without worrying about plug-ins and browsers.<\/p>\n<p><a href=\"http:\/\/www.digivideoplus.com\/gallery\/kite_festival2009\/movieplayertest2.htm\">Test mp4 Playback in JW Player 5.5<\/a><br \/>\n<a href=\"http:\/\/www.digivideoplus.com\/gallery\/rb10k2009video\/rb10k2009-5k_start\/test1_html5.htm\">HTML5 Video Test: Webm<\/a><br \/>\n<a href=\"http:\/\/www.digivideoplus.com\/gallery\/rb10k2009video\/rb10k2009-5k_start\/rb10k2009-5k_start360html5.htm\">SuperBowl Sunday 2009 10K 5k Start<\/a><br \/>\n<a href=\"http:\/\/www.digivideoplus.com\/gallery\/RBFD_Fundraiser2008\/rbfd2008videowall.htm\">RBFD Community Spaghetti Dinner Saturday, April 26, 2008<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;ve been following the evolution of the HTML5 standard for awhile. In particular, what the new standard might do for Web video. Christopher Harrington wrote a good summary of the state of affairs recently: &#8220;The State of HTML5 Video Sucks.&#8221; The video tag is promising. I&#8217;ve built a few demo pages (see below) over the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[26],"class_list":["post-261","post","type-post","status-publish","format-standard","hentry","category-research","tag-html5"],"_links":{"self":[{"href":"https:\/\/www.digivideoplus.com\/dv_blog\/wp-json\/wp\/v2\/posts\/261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.digivideoplus.com\/dv_blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.digivideoplus.com\/dv_blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.digivideoplus.com\/dv_blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.digivideoplus.com\/dv_blog\/wp-json\/wp\/v2\/comments?post=261"}],"version-history":[{"count":4,"href":"https:\/\/www.digivideoplus.com\/dv_blog\/wp-json\/wp\/v2\/posts\/261\/revisions"}],"predecessor-version":[{"id":330,"href":"https:\/\/www.digivideoplus.com\/dv_blog\/wp-json\/wp\/v2\/posts\/261\/revisions\/330"}],"wp:attachment":[{"href":"https:\/\/www.digivideoplus.com\/dv_blog\/wp-json\/wp\/v2\/media?parent=261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.digivideoplus.com\/dv_blog\/wp-json\/wp\/v2\/categories?post=261"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.digivideoplus.com\/dv_blog\/wp-json\/wp\/v2\/tags?post=261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}