{"id":214,"date":"2009-08-26T16:26:08","date_gmt":"2009-08-26T20:26:08","guid":{"rendered":"https:\/\/htmlcssjs.wpengine.com\/?p=214"},"modified":"2014-10-08T16:41:21","modified_gmt":"2014-10-08T20:41:21","slug":"html-5-notes-the-video-element-rocks","status":"publish","type":"post","link":"https:\/\/htmlcssjavascript.com\/html\/html-5-notes-the-video-element-rocks\/","title":{"rendered":"HTML 5 Notes: The Video Element Rocks"},"content":{"rendered":"<p>Now if we could just get everyone to support it.<br \/>\n<!--more--><br \/>\nI&#8217;m seriously in love. I can&#8217;t answer about <a href=\"http:\/\/www.theora.org\/\">Ogg<\/a>, because I know jack squat about video (I&#8217;m confused by compression, encoding, containers, etc. and aim to keep it that way) but I&#8217;ve implemented dozens of Flash video players in HTML using a variety of  methods and the very idea of skipping a plug-in and foreign interface makes my heart leap with glee.<\/p>\n<p>No more <a href=\"http:\/\/code.google.com\/p\/swfobject\/\">swfobject<\/a>. No more libraries of any sort. No more <code><a href=\"http:\/\/livedocs.adobe.com\/flash\/9.0\/ActionScriptLangRefV3\/flash\/external\/ExternalInterface.html\">ExternalInterface<\/a><\/code> calls from within flash. Just HTML element to HTML element and DOM to DOM.<\/p>\n<p>Hell yes.<\/p>\n<p>Here&#8217;s a sample (will only work in FF 3.5*)<\/p>\n<p><video src=\"\/samples\/html5\/_assets\/video\/sample.ogv\" controls><br \/>\nyour browser does not support the video tag<br \/>\n<\/video><\/p>\n<p>And here&#8217;s the code<\/p>\n<div class=\"code-sample\"<code>\n<pre>\r\n&lt;video src=&quot;\/samples\/html5\/_assets\/video\/sample.ogv&quot; controls &gt;\r\n<br>your browser does not support the video tag<br>\r\n&lt;\/video&gt;<\/pre>\n<\/div>\n<p><\/code><\/p>\n<p>Are you kidding me? That&#8217;s tasty in its simplicity like <a href=\"http:\/\/www.woodmans.com\/\">Woodman&#8217;s Fisherman&#8217;s Platter<\/a> is tasty in its greasy goodness. And people are complaining about HTML 5?  Really? I approve of the whole spec based just on that code alone. I&#8217;ve been doing this for a long time and I still can&#8217;t embed a movie player of any type by hand. <code>object, embed, classId, param, what<\/code>? <code>Video<\/code>? I <strong>get<\/strong> that. It&#8217;s like <code>img<\/code>. It&#8217;s got a <code>src<\/code>. Hallelujah.<\/p>\n<p>*I think. Opera maybe? Not Safari, because Safari must equal Quicktime. And no one wants that.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Now if we could just get everyone to support it.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[10,40],"class_list":["post-214","post","type-post","status-publish","format-standard","hentry","category-html","tag-html5","tag-video"],"_links":{"self":[{"href":"https:\/\/htmlcssjavascript.com\/wp-json\/wp\/v2\/posts\/214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/htmlcssjavascript.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/htmlcssjavascript.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/htmlcssjavascript.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/htmlcssjavascript.com\/wp-json\/wp\/v2\/comments?post=214"}],"version-history":[{"count":0,"href":"https:\/\/htmlcssjavascript.com\/wp-json\/wp\/v2\/posts\/214\/revisions"}],"wp:attachment":[{"href":"https:\/\/htmlcssjavascript.com\/wp-json\/wp\/v2\/media?parent=214"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/htmlcssjavascript.com\/wp-json\/wp\/v2\/categories?post=214"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/htmlcssjavascript.com\/wp-json\/wp\/v2\/tags?post=214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}