{"id":117,"date":"2011-07-31T16:56:46","date_gmt":"2011-07-31T16:56:46","guid":{"rendered":"http:\/\/www.dermatologue.com\/?page_id=117"},"modified":"2012-06-06T14:17:11","modified_gmt":"2012-06-06T14:17:11","slug":"media-player","status":"publish","type":"page","link":"https:\/\/www.dermatologue.com\/?page_id=117","title":{"rendered":"Media Player"},"content":{"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.<\/p>\n<h2>Features<\/h2>\n<ul class=\"check\">\n<li>Native playback for modern HTML5 browsers<\/li>\n<li>Supports MP4 (h.264), WebM, FLV, WMV and MP3 files<\/li>\n<li>Completely built with HTML and CSS<\/li>\n<li>Responsive design to fit all device resolutions<\/li>\n<li>Same UI in all browsers<\/li>\n<li>Create your own skins<\/li>\n<li>Flash player fallback for unsupported browsers<\/li>\n<li>Works with Joomla and WordPress<\/li>\n<\/ul>\n<h2>Examples<\/h2>\n<p><video width=\"640\" height=\"360\" poster=\"http:\/\/www.yootheme.com\/videos\/mediaplayer.jpg\" controls=\"controls\" preload=\"none\"><source type=\"video\/mp4\" src=\"http:\/\/www.yootheme.com\/videos\/mediaplayer.mp4\" \/><\/video><\/p>\n<p>This is a MP3 Audio Sample:<\/p>\n<p><audio src=\"http:\/\/www.yootheme.com\/videos\/mediaplayer.mp3\" type=\"audio\/mp3\" controls=\"control\" preload=\"none\"><\/audio><\/p>\n<h2>How To Use<\/h2>\n<p>Use the HTML5 <code>video<\/code> element to embed video in your website. For example:<\/p>\n<pre>&lt;video src=\"\/video.mp4\" width=\"320\" height=\"240\"&gt;&lt;\/video&gt;<\/pre>\n<p>You can also provide multiple sources, to add support for the different video formats like h.264, WebM or Ogg:<\/p>\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;\r\n<\/pre>\n<p>Use the HTML5 <code>audio<\/code> element to embed MP3 files in your website. For example:<\/p>\n<pre>&lt;audio src=\"\/audio.mp3\" type=\"audio\/mp3\"&gt;&lt;\/audio&gt;<\/pre>\n","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":"https:\/\/www.dermatologue.com\/index.php?rest_route=\/wp\/v2\/pages\/117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dermatologue.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dermatologue.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dermatologue.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dermatologue.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=117"}],"version-history":[{"count":3,"href":"https:\/\/www.dermatologue.com\/index.php?rest_route=\/wp\/v2\/pages\/117\/revisions"}],"predecessor-version":[{"id":573,"href":"https:\/\/www.dermatologue.com\/index.php?rest_route=\/wp\/v2\/pages\/117\/revisions\/573"}],"wp:attachment":[{"href":"https:\/\/www.dermatologue.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}