{"id":117,"date":"2011-07-31T16:56:46","date_gmt":"2011-07-31T16:56:46","guid":{"rendered":"http:\/\/192.168.1.50\/Themes\/Warp6\/Website_WP\/?page_id=117"},"modified":"2013-03-28T09:49:06","modified_gmt":"2013-03-28T09:49:06","slug":"media-player","status":"publish","type":"page","link":"http:\/\/www.collectiveprods.com\/?page_id=117","title":{"rendered":"Z Example Media Player"},"content":{"rendered":"The Widgetkit Media Player is a HTML5 audio and video player completely built HTML and CSS. You can easily embed video files into your website by using the HTML5 video element. A Flash player fallback is included for all unsupported browsers.\r\n<h2>Features<\/h2>\r\n<ul class=\"check\">\r\n\t<li>Native playback for modern HTML5 browsers<\/li>\r\n\t<li>Supports MP4 (h.264), WebM, FLV, WMV and MP3 files<\/li>\r\n\t<li>Completely built with HTML and CSS<\/li>\r\n\t<li>Responsive design to fit all device resolutions<\/li>\r\n\t<li>Same UI in all browsers<\/li>\r\n\t<li>Create your own skins<\/li>\r\n\t<li>Flash player fallback for unsupported browsers<\/li>\r\n\t<li>Works with Joomla and WordPress<\/li>\r\n<\/ul>\r\n<h2>Examples<\/h2>\r\n<video width=\"640\" height=\"360\" poster=\"http:\/\/www.yootheme.com\/videos\/mediaplayer.jpg\" controls=\"controls\" preload=\"none\"><source src=\"http:\/\/www.yootheme.com\/videos\/mediaplayer.mp4\" type=\"video\/mp4\" \/><object width=\"640\" height=\"360\" classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\"><param name=\"src\" value=\"http:\/\/www.collectiveprods.com\/wp-includes\/js\/tinymce\/plugins\/media\/moxieplayer.swf\" \/><param name=\"flashvars\" value=\"url=http%3A\/\/www.yootheme.com\/videos\/mediaplayer.mp4&amp;poster=http%3A\/\/www.yootheme.com\/videos\/mediaplayer.jpg\" \/><param name=\"allowfullscreen\" value=\"true\" \/><param name=\"allowscriptaccess\" value=\"true\" \/><embed width=\"640\" height=\"360\" type=\"application\/x-shockwave-flash\" src=\"http:\/\/www.collectiveprods.com\/wp-includes\/js\/tinymce\/plugins\/media\/moxieplayer.swf\" flashvars=\"url=http%3A\/\/www.yootheme.com\/videos\/mediaplayer.mp4&amp;poster=http%3A\/\/www.yootheme.com\/videos\/mediaplayer.jpg\" allowfullscreen=\"true\" allowscriptaccess=\"true\" \/><\/object><\/video>\r\n\r\n&nbsp;\r\n\r\nThis is a MP3 Audio Sample:\r\n\r\n<audio width=\"300\" height=\"32\" src=\"http:\/\/www.yootheme.com\/videos\/mediaplayer.mp3\" type=\"audio\/mp3\" controls=\"controls\" preload=\"none\"><\/audio>\r\n<h2>How To Use<\/h2>\r\nUse the HTML5 <code>video<\/code> element to embed video in your website. For example:\r\n<pre>&lt;video src=\"\/video.mp4\" width=\"320\" height=\"240\"&gt;&lt;\/video&gt;<\/pre>\r\nYou can also provide multiple sources, to add support for the different video formats like h.264, WebM or Ogg:\r\n<pre>&lt;video width=\"320\" height=\"240\"&gt;\r\n\t&lt;source type=\"video\/mp4\"  src=\"\/video.mp4\" \/&gt;\r\n\t&lt;source type=\"video\/webm\" src=\"\/video.webm\" \/&gt;\r\n\t&lt;source type=\"video\/ogg\"  src=\"\/video.ogv\" \/&gt;\r\n&lt;\/video&gt;<\/pre>\r\nUse the HTML5 <code>audio<\/code> element to embed MP3 files in your website. For example:\r\n<pre>&lt;audio src=\"\/audio.mp3\" type=\"audio\/mp3\"&gt;&lt;\/audio&gt;<\/pre>","protected":false},"excerpt":{"rendered":"<p>The Widgetkit Media Player is a HTML5 audio and video player completely built HTML and CSS. You can easily embed video files into your website by using the HTML5 video element. A Flash player fallback is included for all unsupported browsers. Features Native playback for modern HTML5 browsers Supports MP4 (h.264), WebM, FLV, WMV and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-117","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.collectiveprods.com\/index.php?rest_route=\/wp\/v2\/pages\/117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.collectiveprods.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.collectiveprods.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.collectiveprods.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.collectiveprods.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=117"}],"version-history":[{"count":2,"href":"http:\/\/www.collectiveprods.com\/index.php?rest_route=\/wp\/v2\/pages\/117\/revisions"}],"predecessor-version":[{"id":913,"href":"http:\/\/www.collectiveprods.com\/index.php?rest_route=\/wp\/v2\/pages\/117\/revisions\/913"}],"wp:attachment":[{"href":"http:\/\/www.collectiveprods.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}