Fluid Video Embeds Wordpress Plugin - Rating, Reviews, Demo & Download

Fluid Video Embeds Preview Wordpress Plugin - Rating, Reviews, Demo & Download
4.8 Average out of 20 ratings
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

This plugin modifies the built-in Vimeo and YouTube oEmbed auto-embeds so they are full-width, and flexible while maintaining their original aspect ratio.

As of version 1.2.2 it contains English, Portuguese (BR), and Spanish translations.

See a live demo here: Fluid Video Embeds Demo

Requirements: PHP5+, WordPress 3.3+

Usage: Install the plugin, activate it, then your YouTube and Vimeo embeds should start to ignore the setting in Settings > Media > Maximum embed size You don’t need to use embed code or a shortcode, you can simply paste the YouTube or Vimeo URL into your post and it should work.

You can also use the [fve] shortcode:

[fve]http://youtu.be/oHg5SJYRHA0[/fve]

If you want to use the Fluid Video Embeds method in a php template file in your theme, you can use the do_shortcode method:

<?php echo do_shortcode('[fve]http://youtu.be/oHg5SJYRHA0[/fve]'); ?>

How It Works

The Fluid Video Embeds plugin aims to cleanly display YouTube and Vimeo videos while allowing them to be fluid(elastic/felxible) as well. The technique for doing this is not very new (and is outlined in the credits links below), however I’ve added a bit of “sugar” to the mix. Since Vimeo and YouTube have robust, open APIs, I’m requesting information about each video server side (which is then cached) and used to determine the optimal aspect ratio for the video container.

Credits

Screenshots

  1. fluid-video-embeds screenshot 1

    Settings page.

  2. fluid-video-embeds screenshot 2

    Videos with varying aspect ratios in various sized containers are not a problem.

  3. fluid-video-embeds screenshot 3

    Because the fve plugin uses the iFrame method for embedding YouTube and Vimeo (along with the 100% width technique) the videos are naturally responsive for mobile devices.

  4. fluid-video-embeds screenshot 4

    It also handles different aspect ratio videos from Vimeo quite gracefully. The only circumstance where I’ve seen black bars is when YouTube serves a 320p or 480p video for mobile.


Reviews & Comments