{"id":11072,"date":"2016-05-05T07:51:42","date_gmt":"2016-05-05T11:51:42","guid":{"rendered":"http:\/\/www.thundercloud.net\/infoave\/new\/?p=11072"},"modified":"2016-05-05T10:12:34","modified_gmt":"2016-05-05T14:12:34","slug":"how-well-does-your-browser-handle-html5","status":"publish","type":"post","link":"https:\/\/www.thundercloud.net\/infoave\/new\/how-well-does-your-browser-handle-html5\/","title":{"rendered":"How well does your browser handle HTML5?"},"content":{"rendered":"<h1>How well does your browser handle HTML5<\/h1>\n<p>HTML5 is the current version of Hypertext Markup Language &#8211; which is the language and the code\u00a0all which is used to create Web pages. &#8220;One of the biggest differences between HTML5 and previous versions of the standard is that older versions of HTML require proprietary plugins and APIs. (This is why a Web page that was built and tested in one browser may not load correctly in another browser.) HTML5 provides one common interface to make loading elements easier. For example, there is no need to install a Flash plugin in HTML5 because the element will run by itself.<\/p>\n<p>One of the design goals for HTML5 is to support for multimedia on mobile devices&#8230;.&#8221; \u00a0( Source\u00a0&#8220;TechTarget&#8221;\u00a0<a href=\"http:\/\/searchsoa.techtarget.com\/definition\/HTML5\">Read more<\/a>).<\/p>\n<p>HTML5 will eventually eliminate the need for plug-ins and add-ons like Flash and Java &#8211; so that you can view videos and play online games without any add-ons at all. All you need is a modern browser to play them.<\/p>\n<p>Can you play the video below in your browser? Let us know!<\/p>\n<p><video controls=\"controls\" width=\"600\" height=\"300\"><source src=\"http:\/\/www.w3schools.com\/html\/mov_bbb.mp4\" type=\"video\/mp4\" \/><source src=\"http:\/\/www.w3schools.com\/html\/mov_bbb.ogg\" type=\"video\/ogg\" \/>Your browser does not support HTML5 video.<\/video><\/p>\n<p>Video courtesy of<br \/>\n<a href=\"http:\/\/www.bigbuckbunny.org\/\" target=\"_blank\">Big Buck Bunny<\/a>.<\/p>\n<p>How about this one?<\/p>\n<p><div style=\"width: 640px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-11072-1\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/webm\" src=\"http:\/\/video.webmfiles.org\/big-buck-bunny_trailer.webm?_=1\" \/><a href=\"http:\/\/video.webmfiles.org\/big-buck-bunny_trailer.webm\">http:\/\/video.webmfiles.org\/big-buck-bunny_trailer.webm<\/a><\/video><\/div>Do you see it?<\/p>\n<p>Here&#8217;s a hint: If you&#8217;re using Internet Explorer (even if you&#8217;re using the newest version), you won&#8217;t see the video &#8211; you&#8217;ll see a notice to download it. Internet Explorer can&#8217;t play WebM files without added &#8220;components&#8221;. If you&#8217;re using Microsoft Edge the second video will show as &#8220;unsupported&#8221;. If you&#8217;re using Firefox or Chrome you&#8217;ll see both the top video and the bottom one. \u00a0The top video is a standard MP4 file. \u00a0The second video is a WebM file &#8211; a new HTML5 video format.<\/p>\n<p>And if you want to see more about the new WebP image format, <a href=\"https:\/\/developers.google.com\/speed\/webp\/gallery1#sample_image_files_in_jpeg_and_webp_and_the_png_source\">visit this page<\/a>. \u00a0We&#8217;ll warn you now &#8211; if you&#8217;re using Firefox, Edge or IE, you won&#8217;t see the WebP versions of the images.<\/p>\n<p>Nothing is quite so certain as change, right EB?<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How well does your browser handle HTML5 HTML5 is the current version of Hypertext Markup Language &#8211; which is the language and the code\u00a0all which is used to create Web pages. &#8220;One of the biggest differences between HTML5 and previous versions of the standard is that older versions of HTML require proprietary plugins and APIs. (This is why\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.thundercloud.net\/infoave\/new\/how-well-does-your-browser-handle-html5\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"_links":{"self":[{"href":"https:\/\/www.thundercloud.net\/infoave\/new\/wp-json\/wp\/v2\/posts\/11072"}],"collection":[{"href":"https:\/\/www.thundercloud.net\/infoave\/new\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thundercloud.net\/infoave\/new\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thundercloud.net\/infoave\/new\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thundercloud.net\/infoave\/new\/wp-json\/wp\/v2\/comments?post=11072"}],"version-history":[{"count":9,"href":"https:\/\/www.thundercloud.net\/infoave\/new\/wp-json\/wp\/v2\/posts\/11072\/revisions"}],"predecessor-version":[{"id":11081,"href":"https:\/\/www.thundercloud.net\/infoave\/new\/wp-json\/wp\/v2\/posts\/11072\/revisions\/11081"}],"wp:attachment":[{"href":"https:\/\/www.thundercloud.net\/infoave\/new\/wp-json\/wp\/v2\/media?parent=11072"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thundercloud.net\/infoave\/new\/wp-json\/wp\/v2\/categories?post=11072"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thundercloud.net\/infoave\/new\/wp-json\/wp\/v2\/tags?post=11072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}