<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><br />
<h2>Examples</h2>
<video width="640" height="360" preload="none" poster="http://www.yootheme.com/videos/mediaplayer.jpg" tabindex="0" style="display: none;">
<source src="http://www.yootheme.com/videos/mediaplayer.mp4" type="video/mp4"></source>
</video><br />
<p>This is a MP3 Audio Sample:</p>
<audio preload="none" type="audio/mp3" src="http://www.yootheme.com/videos/mediaplayer.mp3" tabindex="0" style="display: none;"></audio><br />
<h2>Features</h2>
<ul class="check">
<li>Native playback for modern HTML5 browsers</li>
<li>Supports MP4 (h.264), WebM, FLV, WMV and MP3 files</li>
<li>Completely built with HTML and CSS</li>
<li>Responsive design to fit all device resolutions</li>
<li>Same UI in all browsers</li>
<li>Create your own skins</li>
<li>Flash player fallback for unsupported browsers</li>
<li>Works with Joomla and WordPress</li>
</ul><br />
<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>
<h2> </h2>