WP Canvas – Responsive Videos

Description

This plugin will automatically resize your videos inserted in your WordPress editor. The code is light and only uses CSS. No javascript is used so there is no delay in your iframes and/or embeded objects from being resized. This plugin will also try to correctly guess your aspect ratio so your videos always look great. And if the aspect ratio is not correctly identified, then you can easily apply the correct aspect ratio using CSS. Every video is assigned a unique class name.

It currently has been tested for the following providers:

  • YouTube
  • Vimeo
  • DailyMotion
  • WordPress TV
  • Embed
  • Object
  • Iframe

Live Demo & Documentation

Professional Support

If you need professional plugin support from me, the plugin author, you can contact me at WordPress Canvas.

Plugin Development

If you’re a theme author, plugin author, or just a code hobbyist, you can follow the development of this plugin on it’s GitHub repository.

Donations

Thank you so much for even considering supporting my work. If you have benefited from my WordPress plugins, or are appreciative of my customer support, and feel led to send me a monetary donation, please follow the link here. I am truly thankful for your hard earned giving.

Screenshots

  • Desktop View
  • Mobile View

FAQ

How does this plugin work?

Once you activate this plugin, an element will wrap your iframe videos and the following CSS hacks will be applied.
http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php

What aspect ratios do you support?

Currently, 16:9, 4:3, and 3:2. But this will change as people send me tips and suggestions.

Reviews

It's Work!

Syafiq Freman

Hi. This plugin is easy. Just activate n done which is what i wanted. Unfortunately it's not work for FB Video embed. Could you add support to FB video as well? Thank you. 🙂

Read all 9 reviews

Changelog

Version 1.10

  • Fixed bug with embed links being added to responsive video css

Version 1.9

  • Fixed bug with responsive video wrapper being added to WP Editor

Version 1.8

  • Added responsive video support for jetpack

Version 1.7

  • Fixed division by zero bug

Version 1.6

  • responsive support for object and embed

Version 1.5

  • Plugin released. Everything is new!

Contributors & Developers

This is open source software. The following people have contributed to this plugin.

Contributors

Browse the code