<p>The Widgetkit Media Player is a HTML5 audio and video player completely built with 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>

<h2>Features</h2>

<ul class="uk-list uk-list-space">
  <li><i class="uk-icon uk-icon-check"></i> Native playback for modern HTML5 browsers</li>
  <li><i class="uk-icon uk-icon-check"></i> Supports MP4 (h.264), WebM, FLV, WMV and MP3 files</li>
  <li><i class="uk-icon uk-icon-check"></i> Completely built with HTML and CSS</li>
  <li><i class="uk-icon uk-icon-check"></i> Responsive design to fit all device resolutions</li>
  <li><i class="uk-icon uk-icon-check"></i> Same UI in all browsers</li>
  <li><i class="uk-icon uk-icon-check"></i> Create your own skins</li>
  <li><i class="uk-icon uk-icon-check"></i> Flash player fallback for unsupported browsers</li>
  <li><i class="uk-icon uk-icon-check"></i> Works with Joomla and WordPress</li>
</ul>

<h2>Examples</h2>

<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>This is a MP3 Audio Sample:</p>

<audio src="http://www.yootheme.com/videos/mediaplayer.mp3" type="audio/mp3" controls="control" preload="none"></audio>

<h2>How To Use</h2>

<p>Use the HTML5 <code>video</code> element to embed video in your website. For example:</p>

<pre>&lt;video src="/video.mp4" width="320" height="240"&gt;&lt;/video&gt;</pre>

<p>You can also provide multiple sources, to add support for the different video formats like h.264, WebM or Ogg:</p>

<pre>&lt;video width="320" height="240"&gt;
  &lt;source type="video/mp4"  src="/video.mp4" /&gt;
  &lt;source type="video/webm" src="/video.webm" /&gt;
  &lt;source type="video/ogg"  src="/video.ogv" /&gt;
&lt;/video&gt;
</pre>


<p>Use the HTML5 <code>audio</code> element to embed MP3 files in your website. For example:</p>

<pre>&lt;audio src="/audio.mp3" type="audio/mp3"&gt;&lt;/audio&gt;</pre>