johndyer

<p>Video and audio plugin for WordPress built on the MediaElement.js HTML5 media player library. Provides Flash or Silverlight fallback players for non-HTML5 browsers. Supports iPhone, iPad, and Andriod.<br />
Supports MP4, OGG, WebM, WMV, MP3, WAV, WMA files as well as captions with WebSRT files.</p>
<p>Check out <a href="http://mediaelementjs.com/" rel="nofollow ugc">mediaElementjs.com</a> for more information and examples.</p>
<h3>Typical Usage for video</h3>
<pre><code>[video src="http://mysite.com/mymedia.mp4" width="640" height="360"]
</code></pre>
<h3>Typical Usage for audio</h3>
<pre><code>[audio src="http://mysite.com/mymedia.mp3"]
</code></pre>
<h3>Shortcode Options</h3>
<h4>Alternatives</h4>
<p>If you have a plugin that conflicts with MediaElement.js, you can also use the short codes</p>
<pre><code>[mejsvideo src="http://mysite.com/mymedia.mp4" width="640" height="360"]
[mejsaudio src="http://mysite.com/mymedia.mp3"]
</code></pre>
<h4>src</h4>
<p>This location of any audio or video file</p>
<pre><code>[video src="http://mysite.com/mymedia.mp4"]
</code></pre>
<p>You can also leave off the extention and MediaElement.js will look for all media files matching the filename (mymedia.mp4, mymedia.webm, etc.)</p>
<pre><code>[video src="http://mysite.com/mymedia"]
</code></pre>
<h4>type</h4>
<p>The media type of the resource</p>
<pre><code>[video src="http://mysite.com/mymedia?xyz" type="video/mp4"]
</code></pre>
<h4>mp4</h4>
<p>The location of the h.264/MP4 source for the video.</p>
<pre><code>[video mp4="http://mysite.com/mymedia.mp4"]
</code></pre>
<h4>mp3</h4>
<p>The location of an MP3 file for video</p>
<pre><code>[audio mp3="http://mysite.com/mymedia.mp3"]
</code></pre>
<h4>ogg</h4>
<p>The location of the Theora/Ogg source for the video.</p>
<pre><code>[video ogg="http://mysite.com/mymedia.ogg"]
</code></pre>
<h4>webm</h4>
<p>The location of the VP8/WebM source for the video.</p>
<pre><code>[video webm="http://mysite.com/mymedia.webm"]
</code></pre>
<h4>poster</h4>
<p>The location of the poster frame for the video.</p>
<pre><code>[video poster="http://mysite.com/mymedia.png"]
</code></pre>
<h4>width</h4>
<p>The width of the video</p>
<pre><code>[video width="640"]
</code></pre>
<h4>height</h4>
<p>The height of the video</p>
<pre><code>[video height="264"]
</code></pre>
<h4>loop</h4>
<p>Loops the video or audio when it ends</p>
<pre><code>[video src="http://mysite.com/mymedia.mp4" loop="true"]
</code></pre>
<h4>preload</h4>
<p>Start loading the video as soon as possible, before the user clicks play.</p>
<pre><code>[video preload="true"]
</code></pre>
<h4>autoplay</h4>
<p>Start playing the video as soon as it’s ready.</p>
<pre><code>[video autoplay="true"]
</code></pre>
<h4>fullscreen</h4>
<p>Disables the fullscreen button</p>
<pre><code>[video src="http://mysite.com/mymedia.mp4" fullscreen="false"]
</code></pre>
<h4>duration</h4>
<p>Disables the duration output</p>
<pre><code>[video src="http://mysite.com/mymedia.mp4" duration="false"]
</code></pre>
<h4>volume</h4>
<p>Disables the volume slider</p>
<pre><code>[video src="http://mysite.com/mymedia.mp4" volume="false"]
</code></pre>
<h4>progress</h4>
<p>Disables the progress bar</p>
<pre><code>[video src="http://mysite.com/mymedia.mp4" progress="false"]
</code></pre>
<h4>captions</h4>
<p>URL to a WebSRT captions file</p>
<pre><code>[video src="http://mysite.com/mymedia.mp4" captions="http://mysite.com/mymedia.srt"]
</code></pre>
<h4>Simple Video</h4>
<p>Basic playback options</p>
<pre><code>[video src="http://mysite.com/mymedia.mp4" width="640" height="360"]
</code></pre>
<h4>All Attributes Video</h4>
<p>All options enabled</p>
<pre><code>[video mp4="http://mysite.com/mymedia.mp4" ogg="http://mysite.com/mymedia.ogg" webm="http://mysite.com/mymedia.webm" poster="http://mysite.com/mymedia.png" preload="true" autoplay="true" width="640" height="264"]
</code></pre>
<h4>Simple Audio</h4>
<p>Basic playback options</p>
<pre><code>[audio src="http://mysite.com/mymedia.mp3"]
</code></pre>
<h4>All Attributes Audio</h4>
<p>All options enabled</p>
<pre><code>[audio mp3="http://mysite.com/mymedia.mp3" ogg="http://mysite.com/mymedia.ogg" preload="true" autoplay="true"]
</code></pre>
<h3>Use in a template</h3>
<p>You can use WordPress shortcodes in your templates using the do_shortcode function.</p>
<pre><code><?php echo do_shortcode('[video src="myvfile.mp4"]'); ?>
</code></pre>


MediaElement.js – HTML5 Video & Audio Player

MediaElement.js is an HTML5 video and audio player with Flash fallback and captions. Supports IE,…

biancardi

<p>The Mixcloud Embed plugin allows you to add the Mixcloud player into your WordPress blog or page, by using the [mixcloud] shortcode.<br />
You can also display a playlist of the cloudcast.<br />
In the last version there is the possibility to use a widget on your sidebar for view your Mixcloud profile.</p>
<h4>Usage</h4>
<p>As default you only need to copy the URL of the song from Mixcloud you wish to add into your WordPress post or page, and past it between <em>[mixcloud]</em> and <em>[/mixcloud]</em></p>
<pre><code>[mixcloud]http://www.mixcloud.com/artist-name/long-live-set-name/[/mixcloud]
</code></pre>
<p>Make sure it’s the permalink (<em>…com/artist-name/dj-set-or-live-name/</em>) instead of “<em>…com/domenicobiancardi/</em>“.</p>
<p>The optional parameters are height and width:</p>
<pre><code>[mixcloud height="100" width="400"]http://www.mixcloud.com/artist-name/recorded-live-somewhere/[/mixcloud]
</code></pre>
<p>If you want display a cloudcast profile you must add the parameter profile with value true</p>
<pre><code>[mixcloud profile="true"]http://www.mixcloud.com/BJT/[/mixcloud]
</code></pre>
<p>If you want embed an entire playlist you must add the url of the playlist:</p>
<pre><code>[mixcloud]http://www.mixcloud.com/BJT/playlists/bjt-djset/[/mixcloud]
</code></pre>
<p>This shortcode display a cloudcast profile BJT.</p>
<h4>Parameters</h4>
<p>This version accepts the following parameters:</p>
<ul>
<li>Height:     integer value</li>
<li>Width:      integer value</li>
<li>Iframe:     boolean value</li>
<li>Playlist:   boolean value</li>
<li>Profile:    boolean value</li>
</ul>
<h4>Examples</h4>
<pre><code>[mixcloud]https://www.mixcloud.com/dottblanchard/dott-blanchard-discovering-music/[/mixcloud]

[mixcloud height="100" width="400"]https://www.mixcloud.com/dottblanchard/dott-blanchard-discovering-music/[/mixcloud]

[mixcloud iframe="true"]https://www.mixcloud.com/dottblanchard/dott-blanchard-discovering-music/[/mixcloud]

[mixcloud iframe="false"]https://www.mixcloud.com/dottblanchard/dott-blanchard-discovering-music/[/mixcloud]

[mixcloud]http://www.mixcloud.com/BJT/playlists/bjt-djset/[/mixcloud]

[mixcloud profile="true"]http://www.mixcloud.com/dottblanchard/[/mixcloud]
</code></pre>


Mixcloud Embed

The Mixcloud Embed plugin allows you to embed the Mixcloud player with the playlist or put a widget with your Mixcloud account.

MediaElement.js – HTML5 Video & Audio Player vs Mixcloud Embed