Responsive Videos by Angie Makes

May 10, 2017

Responsive Videos by Angie Makes Plugin

Simple responsive video plugin. Automatically determine aspect ratio. CSS only. No Javascript.

This plugin was designed and tested to work with Angie Makes WordPress themes.

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

Installation

  1. Uzip the wc-responsive-video.zip folder.
  2. Upload the wc-responsive-video folder to your /wp-content/plugins directory.
  3. In your WordPress dashboard, head over to the Plugins section.
  4. Activate WordPress Canvas – Responsive Videos.

Screenshots

  1. Desktop View

    Desktop View

  2. Mobile View

    Mobile View

FAQ

Installation Instructions

  1. Uzip the wc-responsive-video.zip folder.
  2. Upload the wc-responsive-video folder to your /wp-content/plugins directory.
  3. In your WordPress dashboard, head over to the Plugins section.
  4. Activate WordPress Canvas – Responsive Videos.

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.

Changelog

Version 1.11

  • rebranded

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!

Details

  • Version: 1.11
  • Active installations: 1,000
  • WordPress Version: 3.8
  • Tested up to: 4.5.32

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars