{"id":1842,"date":"2010-10-14T15:14:29","date_gmt":"2010-10-14T09:44:29","guid":{"rendered":"http:\/\/www.tothenew.com\/blog\/?p=1842"},"modified":"2010-10-14T15:23:52","modified_gmt":"2010-10-14T09:53:52","slug":"video-tag-in-html-5","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/video-tag-in-html-5\/","title":{"rendered":"Video Tag in HTML 5"},"content":{"rendered":"<p>Video define new element in html 5. video play without third party plugins as Apple Quict Time and Adobe Flash player.The video element is dectect to be usable without any detection script.<br \/>\nYou can specify multi video file and browser that support html 5 video use choose the base on what video  format they support.<br \/>\nthis use tag in html<\/p>\n<div class=\"wp_syntax\">\n<div class=\"code\">\n<pre class=\"groovy\">&lt;video src=\"movie.ogg\" controls=\"controls\"&gt;<\/p>\n<p>your browser does not support the video tag<\/p>\n<p> &lt;\/video&gt;\n<\/p><\/div>\n<\/div>\n<p><strong>Definition and Usage<\/strong><br \/>\nThe video tag defines video, such as a movie clip or other video streams.<\/p>\n<p>\n<strong>Tips and Notes<\/strong><br \/>\nYou can write text between the start and end tags, to show older browser that they do not support this tag.<\/p>\n<p>\n<strong>Optional Attributes<\/strong><\/p>\n<table style=\"border-spacing: 1; border-collapse: inherit; font-size: 12px; font-family: Arial, Helvetica, sans-serif, 'Arial Rounded MT Bold';\" cellspacing=\"1\" cellpadding=\"4\" width=\"100%\" bgcolor=\"#cccccc\">\n<tbody>\n<tr>\n<td width=\"100\" bgcolor=\"#e6e6e6\"><strong>Attribute <\/strong><\/td>\n<td width=\"100\" bgcolor=\"#e6e6e6\"><strong>Value <\/strong><\/td>\n<td bgcolor=\"#e6e6e6\"><strong>Description<\/strong><\/td>\n<\/tr>\n<tr>\n<td bgcolor=\"#ffffff\">autoplay<\/td>\n<td bgcolor=\"#ffffff\">autoplay<\/td>\n<td bgcolor=\"#ffffff\">If present, then the video will start playing as soon as it is ready<\/td>\n<\/tr>\n<tr>\n<td bgcolor=\"#ffffff\">controls<\/td>\n<td bgcolor=\"#ffffff\">controls<\/td>\n<td bgcolor=\"#ffffff\">If present, controls will be displayed, such as a play button.<\/td>\n<\/tr>\n<tr>\n<td bgcolor=\"#ffffff\">height<\/td>\n<td bgcolor=\"#ffffff\">height<\/td>\n<td bgcolor=\"#ffffff\">Sets the height of the video player<\/td>\n<\/tr>\n<tr>\n<td bgcolor=\"#ffffff\">loop<\/td>\n<td bgcolor=\"#ffffff\">loop<\/td>\n<td bgcolor=\"#ffffff\">If present, the video will start over again, every time it is finished.<\/td>\n<\/tr>\n<tr>\n<td bgcolor=\"#ffffff\">preload<\/td>\n<td bgcolor=\"#ffffff\">preload<\/td>\n<td bgcolor=\"#ffffff\">If present, the video will be loaded at page load, and ready to run. Ignored if \"autoplay\" is present.<\/td>\n<\/tr>\n<tr>\n<td bgcolor=\"#ffffff\">src<\/td>\n<td bgcolor=\"#ffffff\">url<\/td>\n<td bgcolor=\"#ffffff\">The URL of the video to play<\/td>\n<\/tr>\n<tr >\n<td bgcolor=\"#ffffff\">width<\/td>\n<td bgcolor=\"#ffffff\">pixel<\/td>\n<td bgcolor=\"#ffffff\">Sets the width of the video player<\/td>\n<\/tr>\n<tr >\n<td bgcolor=\"#ffffff\"><\/td>\n<td bgcolor=\"#ffffff\"><\/td>\n<td bgcolor=\"#ffffff\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Support browser<\/strong><\/p>\n<table style=\"border-spacing: 1; border-collapse: inherit; font-size: 12px; font-family: Arial, Helvetica, sans-serif, 'Arial Rounded MT Bold';\" cellspacing=\"1\" cellpadding=\"4\" width=\"100%\" bgcolor=\"#cccccc\">\n<tbody>\n<tr>\n<td width=\"100\" bgcolor=\"#e6e6e6\"><strong>IE<\/strong><\/td>\n<td width=\"100\" bgcolor=\"#e6e6e6\"><strong> Firefox <\/strong><\/td>\n<td width=\"100\" bgcolor=\"#e6e6e6\"><strong>Safari <\/strong><\/td>\n<td width=\"100\" bgcolor=\"#e6e6e6\"><strong>Chrome<\/strong><\/td>\n<td width=\"100\" bgcolor=\"#e6e6e6\"><strong> Opera<\/strong><\/td>\n<td width=\"100\" bgcolor=\"#e6e6e6\"><strong> iPhone<\/strong><\/td>\n<td bgcolor=\"#e6e6e6\"><strong> Android<\/strong><\/td>\n<\/tr>\n<tr>\n<td bgcolor=\"#ffffff\">9.0+<\/td>\n<td bgcolor=\"#ffffff\">3.5+<\/td>\n<td bgcolor=\"#ffffff\">3.0+<\/td>\n<td bgcolor=\"#ffffff\">3.0+<\/td>\n<td bgcolor=\"#ffffff\">10.5+<\/td>\n<td bgcolor=\"#ffffff\">1.0+<\/td>\n<td bgcolor=\"#ffffff\">2.0+<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>Video define new element in html 5. video play without third party plugins as Apple Quict Time and Adobe Flash player.The video element is dectect to be usable without any detection script. You can specify multi video file and browser that support html 5 video use choose the base on what video format they support. [&hellip;]<\/p>\n","protected":false},"author":23,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":2},"categories":[7],"tags":[423],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/1842"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=1842"}],"version-history":[{"count":0,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/1842\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=1842"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=1842"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=1842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}