[{"name":"Video Overlayer","slug":"video-overlayer","version":"1.0.1","author":"Eric Hamm","author_profile":"https://profiles.wordpress.org/cobaltapps/","requires":"3.0","tested":"3.4.2","requires_php":false,"requires_plugins":[],"rating":100,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":5},"num_ratings":5,"support_threads":0,"support_threads_resolved":0,"downloaded":4546,"last_updated":"2012-09-16 7:07pm GMT","added":"2012-09-14","homepage":"http://catalysttheme.com/plugins/video-overlayer/","sections":{"description":"

With this Plugin you can easily overlay all of your iFrame video embeds with either a default image
\nprovided by the Plugin or your own custom image. This is ideal for branding your videos, making them
\nload faster, look cleaner and respond to the width of the browser/device.

An alternate feature of this Plugin is to simply make your iFrame video embeds fully responsive
\nso that they perfectly fit any smaller browser window or device.

Either feature will wrap your iFrame video embeds in unique HTML divs which allow you to easily style
\nyour videos independently or as a whole.

See more of my work over at CatalystTheme.com.

\n","installation":"

Upload the video-overlayer folder to the /wp-content/plugins/ directory
Activate the Video Overlayer Plugin through the ‘Plugins’ menu in WordPress
Configure the plugin by going to the Video Overlayer menu located in the “Settings” section of your WP Dashboard.

Using Video Overlayer

By default the Video Overlay Plugin, when active, will overlay all supported iFrame video embeds with a light-gray
\nvideo image. In the Video Overlay admin page you can either select an alternate image or select “Custom” and
\nthen add a direct link to your custom overlay image.

You can also just set Video Overlay to make your iFrame video embeds fully responsive, leaving off the overlay image.
\nThis is ideal for basic Responsive Video Embed functionality.

Removing the Video Overlayer plugin

To remove the Video Overlayer plugin just go to the Plugins page in your dashboard
\n(or the Network Admin dashboard if you’re running a multi-blog setup) and click
\nthe “Delete” link.

\n","faq":"\n

Does Video Overlayer work with ALL iFrame video embeds?

By default, no (YouTube, Vimeo, Viddler and Screenr iFrame Video Embeds are supported), but any non-supported iFrame video embeds can easily be added!

Can you exclude certain WordPress Pages or types of Pages from Video Overlayer?

Yes. You can use the following function as an example:

add_filter( ‘video_overlayer_exclusions’, ‘custom_video_overlayer_exclusions’ );
\nfunction custom_video_overlayer_exclusions() {
\n if( is_page( ‘About’ ) ) {
\n return 1;
\n } else {
\n return 0;
\n }
\n}

You would just paste the above PHP code into your Themes’s functions file and then adjust it according to your needs. The above code, for example,
\nwould exclude the Video Overlayer functionality from a page named ‘About’.

\n\n","changelog":"

1.0.1

Fixed bug where an iFrame with no src=”” attribute could “break” the Plugin’s functionality.

1.0

Initial release

\n","screenshots":"

$\"Video$
Video Overlayer keeps things simple, yet provides just enough control to work the way you want it to.
$\"You$
You can overlay your iFrame video embeds with either the included images or your own custom image.

"},"short_description":"Video Overlayer is a Plugin that overlays your embedded iFrame videos with an image. Make your embedded videos responsive, branded, cleaner, faster.","download_link":"https://downloads.wordpress.org/plugin/video-overlayer.1.0.1.zip","screenshots":{"1":{"src":"https://ps.w.org/video-overlayer/trunk/screenshot-1.png?rev=1539118","caption":"Video Overlayer keeps things simple, yet provides just enough control to work the way you want it to."},"2":{"src":"https://ps.w.org/video-overlayer/trunk/screenshot-2.png?rev=1539118","caption":"You can overlay your iFrame video embeds with either the included images or your own custom image."}},"tags":{"embed":"embed","responsive":"responsive","responsive-videos":"responsive videos","video":"video"},"versions":{"1.0.1":"https://downloads.wordpress.org/plugin/video-overlayer.1.0.1.zip","trunk":"https://downloads.wordpress.org/plugin/video-overlayer.zip"},"donate_link":"","icons":{"default":"https://s.w.org/plugins/geopattern-icon/video-overlayer_fafafa.svg"}}]

responsive youtube embed

Video Overlayer

Get New Themes & Resources