Tubal

<p>A really simple and very lightweight plugin to embed customized Youtube videos & playlists anywhere in your blog or website using wordpress shortcodes.</p>
<h4>Documentation, live demos and support</h4>
<p>All documentation and demos are located at the <a href="http://www.margenn.com/tubal/youtube_shortcode/" rel="nofollow ugc">plugin website</a>.</p>
<p>The plugin website is proudly powered by WordPress and nearly all posts show a live demo so you can check how Youtube videos behave under every scenario/configuration such as:</p>
<ul>
<li>Window resizing (resize the browser window to check how “fluid” videos adapt to fit)</li>
<li>Mobile viewing (visit the website with your mobile and check how videos look)</li>
<li>RSS viewing (subscribe to the feed and check how videos look in your RSS reader)</li>
<li>Different parameters for the Youtube player</li>
</ul>
<p>What’s more, I’ve added <a href="http://youtubesc.uservoice.com" rel="nofollow ugc">Uservoice feedback</a> so you can share your ideas and issues. I want to hear from you. You can also post comments on every article.</p>
<p>I’ve moved all documentation to a website because I think it’s great to have a real WordPress environment set up and running with a working version of the plugin (latest) and a live demo for every piece of documentation.</p>
<h4>Features:</h4>
<ul>
<li>Supports <strong>all official YouTube player customization parameters</strong> and respects Youtube’s default values: <a href="http://code.google.com/intl/en/apis/youtube/player_parameters.html" title="Official documentation" rel="nofollow ugc">Youtube official documentation</a>. You can override any default value.</li>
<li>Supports <strong>TinyMCE editor button</strong> (1.7+ version) to make it easier for you to customize the Youtube video player (auto-inserts the shortcode).</li>
<li>Supports <strong>RSS readers, Mobile browsers and fluid/elastic layouts</strong>.</li>
<li>Supports <strong>automatic calculation of video height</strong>. Just set the Youtube player <code>width</code> and omit the <code>height</code> parameter in the shortcode. There’s no need to set a height manually to get the perfect height.</li>
<li>Supports <strong>automatic localization of Flash videos</strong> (“old embed code” only). This plugin detects the visitor’s preferred language to set the default language of the Youtube player UI & the video’s captions/subtitles (otherwise en_US would be set by default for every visitor).</li>
<li>Supports <strong>normal</strong> Youtube URLs, <strong>short</strong> Youtube URLs, <strong>embed</strong> Youtube URLs and Youtube’s <strong>video ID</strong> as value for <code>url</code> parameter.</li>
<li>Supports <strong>setting a different “title” attribute</strong> for each Youtube video (useful for <strong>SEO</strong> & <strong>Accessibility</strong>).</li>
<li>Supports <strong>both the deprecated Youtube AS2 Flash player and the new iframe player (AS3 Flash or HTML5)</strong>. This plugin uses Youtube’s new embed code (iframe: AS3 or HTML5 player) by default but optionally you can use the deprecated AS2 player (Flash only). The new embed code (iframe) will take care of the environment capabilities. This way you know your video will work on most devices, including mobile devices (that have Adobe’s Flash 10.1 installed or support CSS, iframes and basic Javascript) and RSS readers.</li>
<li>Supports <strong>web browsers with no Javascript support or with Javascript disabled</strong>. If a web browser does not support Javascript or Javascript is disabled, Youtube’s new embed code will not work. In that case this plugin will try to show the Youtube video using Adobe’s Flash (If Flash is not installed or enabled, the plugin will show the user what to do).</li>
<li><strong>Developer friendly:</strong> <code>wp-content</code> directory can be renamed or moved safely to a different location. For more info read <a href="https://codex.wordpress.org/Editing_wp-config.php#Moving_wp-content" rel="nofollow ugc">Moving wp-content</a></li>
<li>Tested on IE 6+, Firefox 2+, Opera 8+, Safari 3+, Chrome 5+, iOS & Android (Webkit mobile), Opera mobile, Firefox mobile (Fennec) and RSS readers (such as Google Reader and NetNewsWire).</li>
</ul>
<h4>Roadmap</h4>
<p>In version 1.9 I’ll develop a settings page so that you can store configuration defaults for every Youtube video.</p>
<p>Support its development <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=6W2TXS68W7A8Y" rel="nofollow ugc">donating a few bucks 🙂</a> (PayPal).</p>
<p>Plugin developed by Túbal Martín at <a href="http://www.margenn.com" rel="nofollow ugc">www.margenn.com</a>.</p>


Youtube shortcode

Embed customized Youtube videos & playlists anywhere using shortcodes

jonathanschmitz

<p>Use the Molly Theater plugin to create an easy-to-use and responsive fullscreen player for your Vimeo or Youtube videos. Get rid of the standard static width embeds and upgrade your website’s video experience.</p>
<p><strong>To use.</strong> All you have to do is add a data-attribute with a Vimeo or Youtube value to an element on your page, and Molly Theater does the rest.</p>
<p><strong>Design.</strong> Make anything a button for your video. Any element you put the data-attribute on becomes a clickable button, opening your full-screen video.</p>
<h4>Features</h4>
<ul>
<li>Lightweight and efficient code</li>
<li>Responsive fullscreen player</li>
<li>Thorough Documentation under Tools</li>
<li>CSS Documentation for total control and customization</li>
</ul>
<h4>Custom Fields</h4>
<p><a href="https://www.advancedcustomfields.com" rel="nofollow ugc">Advanced Custom Fields</a> can be used very effectively to dynamically place the Vimeo and Youtube IDs.</p>
<h4>Links</h4>
<ul>
<li><a href="https://meetmolly.dev/" rel="nofollow ugc">Documentation</a></li>
</ul>


Molly Theater

Use the Molly Theater plugin to create an easy-to-use and responsive fullscreen player for your Vimeo or Youtube videos. Get rid of the standard stati …

Youtube shortcode vs Molly Theater