{"id":51,"date":"2015-09-28T17:44:39","date_gmt":"2015-09-28T17:44:39","guid":{"rendered":"http:\/\/mansavageproductions.com\/websitesvideos\/?p=51"},"modified":"2015-09-28T17:44:39","modified_gmt":"2015-09-28T17:44:39","slug":"the-html-element","status":"publish","type":"post","link":"http:\/\/mansavageproductions.com\/websitesvideos\/2015\/09\/28\/the-html-element\/","title":{"rendered":"The HTML <video> Element"},"content":{"rendered":"<p>To show a video in HTML, use the<strong> &lt;video&gt;<\/strong> element (will not autoplay):<\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"highLT\">&lt;<\/span><span class=\"highELE\">video<\/span> <span class=\"highATT\">width=<\/span><span class=\"highVAL\">&#8220;320&#8221;<\/span> <span class=\"highATT\">height=<\/span><span class=\"highVAL\">&#8220;240&#8221;<\/span> <span class=\"highATT\">controls<\/span><span class=\"highGT\">&gt;<\/span><br \/>\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">source<\/span> <span class=\"highATT\">src=<\/span><span class=\"highVAL\">&#8220;movie.mp4&#8221;<\/span> <span class=\"highATT\">type=<\/span><span class=\"highVAL\">&#8220;video\/mp4&#8221;<\/span><span class=\"highGT\">&gt;<\/span><br \/>\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">source<\/span> <span class=\"highATT\">src=<\/span><span class=\"highVAL\">&#8220;movie.ogg&#8221;<\/span> <span class=\"highATT\">type=<\/span><span class=\"highVAL\">&#8220;video\/ogg&#8221;<\/span><span class=\"highGT\">&gt;<\/span><br \/>\nYour browser does not support the video tag.<br \/>\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/video<\/span><span class=\"highGT\">&gt;<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>The <strong>controls<\/strong> attribute adds video controls, like play, pause, and volume.<\/p>\n<p>IInclude <strong>width<\/strong> and <strong>height<\/strong> attributes.<\/p>\n<p>Text between the &lt;video&gt; and &lt;\/video&gt; tags will only display in browsers that do not support the &lt;video&gt; element.<\/p>\n<p>Multiple <strong>&lt;source&gt;<\/strong> elements can link to different video files. The browser will use the first recognized format.<\/p>\n<hr \/>\n<hr \/>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>To show a video in HTML, use the &lt;video&gt; element (will not autoplay): &nbsp; &lt;video width=&#8220;320&#8221; height=&#8220;240&#8221; controls&gt; &lt;source src=&#8220;movie.mp4&#8221; type=&#8220;video\/mp4&#8221;&gt; &lt;source src=&#8220;movie.ogg&#8221; type=&#8220;video\/ogg&#8221;&gt; Your browser does not support the video tag. &lt;\/video&gt; &nbsp; The controls attribute adds video controls, like play, pause, and volume. IInclude width and height attributes. Text between the &lt;video&gt; and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-51","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/posts\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/comments?post=51"}],"version-history":[{"count":1,"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/posts\/51\/revisions"}],"predecessor-version":[{"id":52,"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/posts\/51\/revisions\/52"}],"wp:attachment":[{"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/media?parent=51"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/categories?post=51"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/tags?post=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}