Dustin Lammiman

<p>A video plugin for WordPress built on the Video.js HTML5 video player library. Allows you to embed video in your post or page using HTML5 with Flash fallback support for non-HTML5 browsers.</p>
<p>View <a href="http://videojs.com" rel="nofollow ugc">videojs.com</a> for additional information.</p>
<h3>Video Shortcode Options</h3>
<h3>mp4</h3>
<p>The location of the h.264/MP4 source for the video.</p>
<pre><code>[videojs mp4="http://video-js.zencoder.com/oceans-clip.mp4"]
</code></pre>
<h3>ogg</h3>
<p>The location of the Theora/Ogg source for the video.</p>
<pre><code>[videojs ogg="http://video-js.zencoder.com/oceans-clip.ogg"]
</code></pre>
<h3>webm</h3>
<p>The location of the VP8/WebM source for the video.</p>
<pre><code>[videojs webm="http://video-js.zencoder.com/oceans-clip.webm"]
</code></pre>
<h3>youtube</h3>
<p>The location of the YouTube source for the video.</p>
<pre><code>[videojs youtube="http://www.youtube.com/watch?v=DJU6ppZAaec"]
</code></pre>
<h3>poster</h3>
<p>The location of the poster frame for the video.</p>
<pre><code>[videojs poster="http://video-js.zencoder.com/oceans-clip.png"]
</code></pre>
<h3>width</h3>
<p>The width of the video.</p>
<pre><code>[videojs width="640"]
</code></pre>
<h3>height</h3>
<p>The height of the video.</p>
<pre><code>[videojs height="264"]
</code></pre>
<h3>preload</h3>
<p>Start loading the video as soon as possible, before the user clicks play.<br />
Use ‘auto’, ‘metadata’, or ‘none’. Auto will preload when the browser or device allows it. Metadata will load only the meta data of the video.</p>
<pre><code>[videojs preload="auto"]
</code></pre>
<h3>autoplay</h3>
<p>Start playing the video as soon as it’s ready. Use ‘true’ or ‘false’.</p>
<pre><code>[videojs autoplay="true"]
</code></pre>
<h3>loop</h3>
<p>Causes the video to start over as soon as it ends. Use ‘true’ or ‘false’.</p>
<pre><code>[videojs loop="true"]
</code></pre>
<h3>controls</h3>
<p>Use ‘false’ to hide the player controls.</p>
<pre><code>[videojs controls="false"]
</code></pre>
<h3>muted</h3>
<p>Use ‘true’ to initially mute video.</p>
<pre><code>[videojs muted="true"]
</code></pre>
<h3>id</h3>
<p>Add a custom ID to your video player.</p>
<pre><code>[videojs id="movie-id"]
</code></pre>
<h3>class</h3>
<p>Add a custom class to your player. Use full for floating the video player using ‘alignleft’ or ‘alignright’.</p>
<pre><code>[videojs class="alignright"]
</code></pre>
<h3>Tracks</h3>
<p>Text Tracks are a function of HTML5 video for providing time triggered text to the viewer. To use tracks use the [track] shortcode inside of the [video] shortcode. You can set values for the kind, src, srclang, label, and default attributes. More information is available in the <a href="http://videojs.com/docs/tracks/" rel="nofollow ugc">Video.js Documentation</a>.</p>
<pre><code>[videojs][track kind="captions" src="http://video-js.zencoder.com/oceans-captions.vtt" srclang="en" label="English" default="true"][/videojs]
</code></pre>
<h3>All Attributes Example</h3>
<pre><code>[videojs mp4="http://video-js.zencoder.com/oceans-clip.mp4" ogg="http://video-js.zencoder.com/oceans-clip.ogg" webm="http://video-js.zencoder.com/oceans-clip.webm" poster="http://video-js.zencoder.com/oceans-clip.png" preload="auto" autoplay="true" width="640" height="264" id="movie-id" class="alignleft" controls="false" muted="true"][track kind="captions" src="http://example.com/path/to/captions.vtt" srclang="en" label="English" default="true"][/videojs]<h3>Video.js Settings Screen</h3>--------------------------
</code></pre>
<p>The values set here will be the default values for all videos, unless you specify differently in the shortcode. Uncheck “Use CDN hosted version?” if you want to use a self-hosted copy of Video.js instead of the CDN hosted version. <em>Using the CDN hosted version is preferable in most situations.</em></p>
<p>If you are using a responsive WordPress theme, you may want to check the <em>Responsive Video</em> checkbox.</p>
<p>Uncheck the <em>Use the [video] shortcode?</em> option <strong>only</strong> if you are using WordPress 3.6+ and wish to use the [video] tag for MediaElement.js. You will still be able to use the [videojs] tag to embed videos using Video.js.</p>


Video.js – HTML5 Video Player for WordPress

Self-hosted responsive HTML5 video for WordPress, built on the widely used Video.js HTML5 video player. Embed video in your post or page using HTML5.

dj_force

hearthis

<p>The hearthis.at plugin allows you to integrate a player widget from hearthis.at into your WordPress Blog by using a WordPress shortcodes.<br />
this is how it works:<br />
    [hearthis]https://hearthis.at/LINK_TO_TRACK_SET_OR_ARTIST/[/hearthis]</p>
<p>These Shortcodes do also supports several optional parameters. These parameters will pass its given value as option on to the player widget.<br />
At the moment the hearthis Shortcode accepts the following parameter and options:</p>
<ul>
<li><code>width</code> define the width of the widget (number value and if <= 100 means in %  and abouve 100 is in pixels. default is 100)</li>
<li><code>height</code> define the height of the widget (integer value or empty for default )<br />
if this value is less 100 it will passed as percent if it is higher than 100 it will parsed as pixels</li>
<li><code>theme</code> you can choose between these 2 options transparent (default) or transparent_black</li>
<li><code>hcolor</code> button and passed time color for the waveform (not set or a hex color with or without a prependig #)</li>
<li><code>color</code> highlight color for the waveform (not set or a hex color with or without a prependig #)</li>
<li><code>style</code> style ‘1’ is default waveform and value ‘2’ is the digitized waveform</li>
<li><code>background</code> shows the background if set (values not set, 1 or 0, if is 1 the height is 170px)</li>
<li><code>waveform</code> hides the waveform if you set to ‘1’, change track height fixed to 95px (values 0 off, 1 on)</li>
<li><code>autoplay</code> starts with autoplay (values 0 off, 1 on)</li>
<li><code>cover</code> hides the cover image if its set (values 0 off, 1 on)</li>
<li><code>block_size</code> size of the waveform blocks (numberr, steps from 1 to 10, default is 2, works only if style is set to 2)</li>
<li><code>block_space</code> space size between the waveform blocks (integer, steps from 1 to 10, default is 1, works only if style is set to 2)</li>
<li><code>liststyle</code> only available on playlists or profile urls, this will display a list as single tracks buut works only if you provide value ‘single’. If you enter a profile uri from hearthis.at this listing is limited by 50 tracks.</li>
<li><code>css</code> string, should contain a valid uri that will load an additional css file link the link tag</li>
</ul>
<p><strong>IMPORTANT NOTE</strong></p>
<p>This Version <strong>is now stable</strong> and provides also a fallback for some old hearthis Shortcode params.<br />
So these params could also being used because they will passed to the their new names.</p>
<ul>
<li><code>color2</code> the old name of the hcolor property</li>
<li><code>params</code> a params string with the namend values </li>
<li><code>digitized_size</code> old name of the waveform block size (see block_size)</li>
<li><code>digitized_space</code> old name of the waveform block space (see block_space)</li>
</ul>
<h3>Examples</h3>
<p>Embed a single track without any params.<br />
        [hearthis]https://hearthis.at/shawne/shawne-pornbass-12-06042013-2300-0200-uhr/[/hearthis]</p>
<p>Embed a playlist or setlist without params.<br />
        [hearthis]https://hearthis.at/crecs/set/tbase-feat-charlotte-haining-oscar-michael-unspoken-words-ep/[/hearthis]</p>
<p>Embed a user profile with a blue hightlight color.<br />
        [hearthis hcolor=”0000ff”]https://hearthis.at/crecs/[/hearthis]</p>
<p>Embed a user without color params and autostart.<br />
        [hearthis hcolor=”#ff5c24″ color=”#33fd11″ autostart=”1″]http://hearthis.at/djforce/[/hearthis]</p>
<p>Embeds a track with a black theme and a background image (if set) and hides the cover.<br />
        [hearthis theme=”transparent” background=”1″ cover=”1″]https://hearthis.at/djforce/baesser-forcesicht-dnbmix/[hearthis]</p>
<p>Embeds a track player with 50% width and a green button color.<br />
        [hearthis width=”50″ color=”#33fd11″]https://hearthis.at/crec/maverick-krl-c-recordings-guestmix/[/hearthis]</p>
<p>Embeds a track player with 500px width and hides the waveform and has the transparent_black theme. Remember this will change track height to 95 pixels.<br />
        [hearthis width=”500″ waveform=”1″ params=”color2=00ff00&theme=transparent_black”]https://hearthis.at/djforce/dj-force-is-breaking-the-habit-electrobreaks-bass-dubstep-mix-052014/[/hearthis]</p>
<p>Embeds a playlist or set with 400px height.<br />
        [hearthis height=”400″]https://hearthis.at/set/51-7/[/hearthis]</p>
<p>This is not a real option, its more like a hook and works only with playlists or profile urls.<br />
So if you want to display a playlist or user profile as single tracks and not as a list you can set this option.<br />
For users we limited this by 50 tracks. Does only take effect if the value single is inside the liststyle tag.<br />
        [hearthis liststyle=”single”]https://hearthis.at/djforce/set/dubstep-mixes/[/hearthis]</p>
<h3>special thanks and credits</h3>
<h4>hearthis.at – music is our passion</h4>
<p><strong>thx for using and supporting</strong> <a href="https://hearthis.at/" rel="nofollow ugc">hearthis.at</a></p>


hearthis.at

works good and now you have more control over all possible options



works

The hearthis.at plugin allows you to integrate a player widget from hearthis.at into your Wordpress Blog by using a Wordpress shortcodes.

Video.js – HTML5 Video Player for WordPress vs hearthis.at