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.

anghelalexandra

cborodescu

jamesgpearce

<p><strong><a href="https://wpmobilepack.com" rel="nofollow ugc">WordPress Mobile Pack</a> is a mobile plugin that helps you transform your website’s content into a progressive mobile web application. It comes with multiple mobile app themes that you can purchase individually or as a bundle.</strong></p>
<p>WordPress Mobile Pack is <strong>supported on</strong> iOS and Android smartphones and tablets. <strong>Compatible browsers</strong>: Safari, Google Chrome, Android – Native Browser.</p>
<p>The pack has been tested on WordPress 3.6 and later. Please read the <a href="https://wordpress.org/plugins/wordpress-mobile-pack/other_notes/" rel="ugc">Known issues and limitations</a> list before installing.</p>
<p>What the WordPress Mobile Pack 3.0+ enables you to do:</p>
<ul>
<li>
<p><strong>Progressive Web Apps</strong>. Some of the key features of progressive web apps are:</p>
<ol>
<li>Apps load nearly instantly and are reliable, no matter what kind of network connection your user is on.</li>
<li>Web app install banners give users the ability to quickly and seamlessly add your mobile app to their home screen, making it easy to launch and return to your app.</li>
<li>Web push notifications makes it easy to re-engage with users by showing relevant, timely, and contextual notifications, even when the browser is closed.</li>
<li>Smooth animations, scrolling, and navigations keep the experience silky smooth.</li>
<li>Secured via HTTPS.</li>
<li>Responsive UI.</li>
</ol>
</li>
<li>
<p><strong>Responsive UI</strong>. The mobile web application is sensitive to various screen sizes and orientation changes: landscape, portrait. In other words, the look and feel of the mobile web app seamlessly morphs into the screen size of users’ devices.</p>
</li>
<li>
<p><strong>App Themes</strong>. You can offer your users an exceptional reading experience by giving them a mobile web application with a native app-like look & feel. The default theme comes with 6 abstract covers that are randomly displayed on the loading screen to give the app a magazine flavour. More app themes available in <a href="https://wpmobilepack.com" rel="nofollow ugc">WordPress Mobile Pack PRO</a>.</p>
</li>
<li>
<p><strong>Customize appearance</strong>. Once a favorite theme has been selected, you can customize the colors & fonts, add your logo and graphic elements that can relate to your blog’s identity. More customization options available in <a href="https://wpmobilepack.com" rel="nofollow ugc">WordPress Mobile Pack PRO</a>.</p>
</li>
<li>
<p><strong>Posts Sync</strong>. The articles/posts inside the mobile web application are organized into their corresponding categories, thus readers can simply swipe through articles and jump from category to category in a seamless way.</p>
</li>
<li>
<p><strong>Pages Sync</strong>. Choose what pages you want to display on your mobile web application. You can edit, show/hide different pages and order them according to your needs.</p>
</li>
<li>
<p><strong>Comments Sync</strong>. All the comments that are displayed in the blog are also synchronized into the mobile web application. On top of that, comments that are posted from within the app are also displayed on the blog. Social media features are available in <a href="https://wpmobilepack.com" rel="nofollow ugc">WordPress Mobile Pack PRO</a>.</p>
</li>
<li>
<p><strong>Analytics</strong>. WordPress Mobile Pack easily integrates with Google Analytics.</p>
</li>
<li>
<p><strong>Add to Homescreen</strong>. Readers can add the mobile web application to their homescreen and run it in full-screen mode.</p>
</li>
</ul>
<p>WordPress Mobile Pack also comes with a  <strong>PRO version</strong> suitable for <strong>professional bloggers, publishing companies with multiple publications</strong> in their portfolio or web agencies. Some of the benefits of using <a href="https://wpmobilepack.com" rel="nofollow ugc">WordPress Mobile Pack PRO</a> are:</p>
<ul>
<li>
<p><strong>Customize your mobile web app’s appearance</strong> to resemble your brand identity.</p>
</li>
<li>
<p>Since mobile web apps don’t have any shared revenue constraints, you can <strong>take full control of your income</strong>. <a href="https://wpmobilepack.com" rel="nofollow ugc">WordPress Mobile Pack PRO</a> allows you to easily connect with your Google DFP & AdSense campaigns.</p>
</li>
<li>
<p>We take pride in offering fantastic <a href="https://wpmobilepack.com" rel="nofollow ugc">WordPress Mobile Pack PRO</a> <strong>maintenance and hands-on support</strong>. Our team of friendly mobile web experts makes sure technology doesn’t stand in your way.</p>
</li>
<li>
<p><strong>Access to multiple app themes</strong> that can be purchased individually or as a bundle: BASE, MOSAIC, OBLIQ, ELEVATE, FOLIO, INVISION, POPSICLE, PULSE, GHOST, PHANTOM, LUCID, EXTRUDE, VEDI, BLEND, PURE, GOTHAM, FUTURE & PALM.</p>
</li>
<li>
<p>Your mobile users will be able to benefit from a rich mobile reading experience on their favorite mobile device without needing to go through an App Store and install anything.</p>
</li>
</ul>
<p>Here are some walkthrough videos that can get you started with WordPress Mobile Pack PRO:</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/JSjhK8YI98M?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation"></iframe></span>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/elxjfdbAoqM?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation"></iframe></span>
<p>For previous versions, check out the ‘Change log’ page.</p>
<p>We enjoy writing and maintaining this plugin. If you like it too, please rate us. But if you don’t, let us know how we can improve it.</p>
<p>Have fun on your mobile adventures.</p>
<h3>Setting up cache plugins for working with WordPress Mobile Pack</h3>
<p>If your site uses a cache plugin, please note that a series of issues can occur if that plugin wasn’t configured to work with WordPress Mobile Pack. Some examples are:</p>
<ul>
<li>Loading the mobile web application on desktop browsers</li>
<li>Loading the desktop theme on a supported mobile device (even though the WordPress Mobile Pack plugin is active)</li>
<li>Inconsistent switching between the desktop and the WordPress Mobile Pack theme</li>
</ul>
<p>If you find yourself in one of these situations, please read <a href="http://support.appticles.com/optimizing-cache-plugins-wordpress-mobile-pack/" rel="nofollow ugc">the docs</a> and make the appropriate settings on your cache plugin.</p>
<h3>Roadmap</h3>
<p>Our roadmap currently includes:</p>
<ul>
<li>Fully customizable menus with categories, posts, pages and links</li>
<li>Integrating with the most popular multi-language plugins</li>
<li>Localization. Please contact us if you can help by translating the mobile web application’s text into your language.</li>
<li>Support for password protected posts.</li>
<li>Integrating with the most popular forms plugins</li>
<li>Integrating with Disqus</li>
</ul>
<h3>Known issues and limitations for v2.0+</h3>
<ul>
<li>V2.0+ of the mobile web app doesn’t include support for forms. We are looking for a way to recreate forms inside the mobile web application and integrate with various plugins.</li>
<li>Iframes and embed codes are partially supported. Embed codes are allowed for YouTube, Vimeo, Daily Motion, Soundcloud, Instagram, Wistia, Flickrit and Spreaker. If you need support for other media content embed codes, please contact us.</li>
<li>The mobile web app doesn’t include user authentication. If your blog settings enable comments only for logged in users, they will be disabled in the mobile web app.</li>
<li>For now, supported mobile browsers include Safari, Google Chrome, Android’s native browser, Internet Explorer 10 and Firefox (as of 2.0.2).</li>
<li>Only featured images from your blog posts are displayed as thumbnails in the list of posts. Images integrated in a post’s content are displayed only on the details page for that post.</li>
</ul>
<h3>Repositories</h3>
<p>We currently have two Github development repositories:</p>
<ul>
<li><a href="https://github.com/appticles/wordpress-mobile-pack" rel="nofollow ugc">https://github.com/appticles/wordpress-mobile-pack</a> – The plugin files, same as you will find for download on WordPress.org, plus unit tests.</li>
<li><a href="https://github.com/appticles/pwa-theme-obliq" rel="nofollow ugc">https://github.com/appticles/pwa-theme-obliq</a> – Development files for the new version of theme Obliq (Javascript & CSS).</li>
</ul>
<h3>Contributors</h3>
<p>A big thanks to all contributors that helped us translate the mobile web application:</p>
<ul>
<li>Na LI (Chinese / zh_CN)</li>
<li>John Haverkate (Dutch)</li>
<li>Bernhard Steinbichler (German)</li>
<li>Péter Ágoston (Hungarian)</li>
<li>Fabiola Sguassero (Italian)</li>
<li>Emmanuel Andriulo (Italian)</li>
<li>Miru Yamashiro (Japanese)</li>
<li>Sandra Gorgan (Romanian)</li>
<li>Agnieszka Bugajska (Polish)</li>
<li>Mathias Wideroth (Swedish)</li>
<li>Diogo Desiderati (Portuguese)</li>
</ul>


WordPress Mobile Pack – Mobile Plugin for Progressive Web Apps & Hybrid Mobile Apps

Mobile plugin to package your content into a progressive web app, build a hybrid mobile app and submit it to App Stores. Multiple mobile app themes.

Video.js – HTML5 Video Player for WordPress vs WordPress Mobile Pack – Mobile Plugin for Progressive Web Apps & Hybrid Mobile Apps