{"id":379,"date":"2013-06-17T05:59:17","date_gmt":"2013-06-17T13:59:17","guid":{"rendered":"http:\/\/www.wellys.org\/wellysblog\/?p=379"},"modified":"2013-12-18T16:37:40","modified_gmt":"2013-12-19T00:37:40","slug":"forget-about-webm","status":"publish","type":"post","link":"http:\/\/www.wellys.org\/wellysblog\/?p=379","title":{"rendered":"Forget about WebM"},"content":{"rendered":"<p>For the past 6 or 7 months, I&#8217;ve attempted to provide video to all types of platforms by encoding videos in both H.264 and WebM. WebM is the encoder of choice for Firefox, Chrome etc in other words &#8220;not-Apple&#8221; (though Microsoft has thrown in with Apple on H.264). I haven&#8217;t had much success. Most of the time, I was not able to play WebM encoded video in Firefox nor Chrome and it was an additional step in my workstream.<\/p>\n<p>Over the weekend, I did two things; I re-encoded all of the videos using the x264 encoder and I deleted all of the WebM video. Hopefully, this hasn&#8217;t caused too many issues with my viewing public. Please contact me via the <a title=\"Contact\/About\" href=\"http:\/\/www.wellys.org\/wellysblog\/?page_id=2\" target=\"_blank\">Contact<\/a> page if so.<\/p>\n<p>A coupe of quick notes:<br \/>\n1) I used x264 in Compressor by adding the x264 component to the Quicktime components in Library. <a title=\"x264 improve video\" href=\"http:\/\/www.larryjordan.biz\/compressor-x264-improve-video\/\" target=\"_blank\">Larry Jordan<\/a> has a nice explanation of how to do this.<br \/>\n2) For most of the HD videos, I created half-size videos then upscaled them on playback. This results in a moderately small file size with nice quality.<br \/>\n3) The trick on using Compressor is to follow Larry&#8217;s advice of creating .mov files which is a Quicktime container. <strong>Most<\/strong> browsers will play a Quicktime container but my Nexus 7 had a problem. The key is to use <a title=\"Quicktime 7 for 10.8+\" href=\"http:\/\/support.apple.com\/kb\/dl923\" target=\"_blank\">Quicktime 7<\/a> to convert it from .mov to .mp4. Larry states one can do this without re-encoding but fails to advise how.<\/p>\n<p>There is a &#8220;pass through&#8221; option when using &#8220;File -&gt; Export -&gt; Convert Movie to MPEG-4&#8221;. This will simply copy the file from .mov format to .mp4 format without re-encoding. \u00a0Click on Options on the Save window and select MP4 from the drop down menu at the top of the box and click on the Video button right below the dropdown. Below the Video button is another dropdown and on this one, select Pass through. Click OK and Bob&#8217;s your Uncle, you will have a file that has broader compatibility than the Quicktime container, .mov.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For the past 6 or 7 months, I&#8217;ve attempted to provide video to all types of platforms by encoding videos in both H.264 and WebM. WebM is the encoder of choice for Firefox, Chrome etc in other words &#8220;not-Apple&#8221; (though Microsoft has thrown in with Apple on H.264). I haven&#8217;t had much success. Most of &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.wellys.org\/wellysblog\/?p=379\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Forget about WebM&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[4,3],"tags":[33,32],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/pvRD1-67","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":318,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=318","url_meta":{"origin":379,"position":0},"title":"Hype - a new approach","date":"May 22, 2011","format":false,"excerpt":"Thanks to Jon Gruber, I learned about Hype. Hype is a OS X application that makes it easy to create dynamic websites using HTML5 or more accurately, HTML5, Javascript and CSS3. Hype works. It is also version 1.0 so it is basic but it works, doesn't crash and holds great\u2026","rel":"","context":"In &quot;HTML5\/CSS3&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":289,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=289","url_meta":{"origin":379,"position":1},"title":"Step 2: Figure out video","date":"July 25, 2010","format":false,"excerpt":"HTML5 holds great promise for video playback. Gone will be the days of embedded objects, plugins and (hopefully) Flash. The issue we still face are browser codec compatibilities; such as Firefox wants to see Ogg Theora and Safari wants h.264. My next step is to explore video playback within one\u2026","rel":"","context":"In &quot;HTML5\/CSS3&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":310,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=310","url_meta":{"origin":379,"position":2},"title":"Step 4: Updated to be dynamic","date":"August 28, 2010","format":false,"excerpt":"No significant changes here. Added the required code for the site to be served by a database instead of hand-coding. A couple of small formatting changes but I'm ready to go from my old but lovely way of serving videos, Shadowbox to spanking, new HTML5. Step 4 One update and\u2026","rel":"","context":"In &quot;HTML5\/CSS3&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":118,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=118","url_meta":{"origin":379,"position":3},"title":"iMovie 09 and Flip Ultra HD","date":"June 21, 2009","format":false,"excerpt":"There seem to be a few questions as to the compatibility of the Flip Ultra HD and iMovie 09. \u00c2\u00a0The Flip Ultra HD and iMovie work great together! The latest version of iMovie 8.0.3 added the ability to optimize video. I started with 8.0.3, so I'm unsure on what I\u2026","rel":"","context":"In &quot;Video&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":60,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=60","url_meta":{"origin":379,"position":4},"title":"Video Redesign on WRP","date":"May 5, 2009","format":false,"excerpt":"Recently, I spent a fair amount of time re-organizing my films on WRP. I had a few goals: 1) Bring my site into the 21st Century, so quit using a js script to open a new window to display the movie. So, how are all the cool kids doing it?\u2026","rel":"","context":"In &quot;Web&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":146,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=146","url_meta":{"origin":379,"position":5},"title":"FCP 7 and ProRes","date":"August 3, 2009","format":false,"excerpt":"FCP 7 introduces a 3 new HD codecs for production work, ProRes 4444, ProRes 422 (LT) and ProRes 422 (Proxy). With these additions, this brings to five versions of HD codecs \u00c2\u00a0available for production work. I did a simple comparison of Flip H.264 transcoding to all 5 versions, knowing full\u2026","rel":"","context":"In &quot;Video&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/posts\/379"}],"collection":[{"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=379"}],"version-history":[{"count":6,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/posts\/379\/revisions"}],"predecessor-version":[{"id":385,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/posts\/379\/revisions\/385"}],"wp:attachment":[{"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=379"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=379"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}