No description, website, or topics provided.
PHP CSS
Switch branches/tags
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
includes
LICENSE
README.md
readme.txt
wc-responsive-video.php

README.md

Responsive Videos by Angie Makes

Contributors: cbaldelomar
Tags: video, responsive, video, embeds, embed, object, iframe, youtube, vimeo, html5 video, oembed, embed discovery, auto-embed, automatic, auto, hulu, resize, fluid, wordpress tv, wordpresstv Requires at least: 3.8
Tested up to: 4.5 Stable tag: trunk
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

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

Description

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.

Frequently Asked Questions

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!