0xBBC

<p><a href="http://github.com/DIYgod/DPlayer" rel="nofollow ugc">DPlayer</a> is such a lovely HTML5 danmaku video player by DIYGod, and it’s used on many platforms.<br />
Today, DPlayer is coming to WordPress.</p>
<p>Usage is rather simple, and here is the template of shortcode we supported.<br />
[dplayer url=”https://anotherhome.net/DIYgod-cannot-even-discribe.mp4″ pic=”https://anotherhome.com/DIYgod-cannot-even-discribe.png” autoplay=”true” danmu=”true”/]</p>
<p>Parameter ‘url’ is the source URL to the video file, you can upload the video to your WordPress library, then use it here.<br />
Parameter ‘pic’ is the poster of the video. And it’s optional.<br />
Parameter ‘autoplay’, as the name suggests, if it is true, then once the video is prepared, it starts to play . Default false and it is optional also.<br />
Parameter ‘screenshot’, enable screenshot?. Optional and default false.<br />
Parameter ‘loop’, enable loop?. Optional and default false.<br />
Parameter ‘preload’, preload mode, ‘auto’, ‘metatdata’ or ‘none’. Optional and default metadata.<br />
Parameter ‘hotkey’, enable builtin hotkey? including left, right and Space. Optional and default true.<br />
Parameter ‘bilibili’, bilibili视频AV号 或者 完整的bilibili视频链接. Additional danmaku from bilibili<br />
Parameter ‘danmu’, should DPlayer load danmaku. Default false and it’s optional.</p>


DPlayer for WordPress

DPlayer is such a lovely HTML5 danmaku video player by DIYGod, and it's used on many platforms.

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.

DPlayer for WordPress vs Video.js – HTML5 Video Player for WordPress