Adam Anderly

Husband, Father, Developer

  • About
  • Blog
  • Archives
  • Plugins
    • WooCommerce MailChimp
    • Wistia Responsive
  • Contact

Copyright © 2023
Adam Anderly · Log in

New WordPress Plugin: Wistia Responsive

October 24, 2013 By Adam 23 Comments

wistia-logoWistia Responsive is a simple and straightforward WordPress plugin I developed while working on the website for the New Saint Thomas Institute (NSTI) that automatically makes all of your Wistia video embeds responsive.

Problem: On the NSTI site, we have lots of video content and we’re using a responsive theme because we know that many of the site’s members would be accessing content on mobile devices, smartphones or tablets. However, we quickly noticed that the Wistia video player was not inherently responsive and was hindering the experience for users on mobile and tablet devices.

The good news is the team at Wistia has a solution in the form of their “video foam” feature currently on their labs site. This works with their iframe api to make your Wistia embedded video players responsive.

The problem is that, because the video foam features uses the javascript iframe api, there wasn’t an easy way to have content authors easily make their videos responsive when generating embeds on Wistia’s site without manually appending the “videoFoam” parameter to the end of their embeds inside of WordPress.

Solution: What we came up with was a simple plugin that first registers the iframe api script needed for video foam to work and then hooks into the_content and the_excerpt filters to automatically append the video foam parameter to the end of all video embeds. The plugin looks for wistia video embeds, adds the video foam parameter, and the rest takes care of itself!

Simply activate the plugin and the rest will happen automatically!

See it in action in the embedded video below. Try resizing your browser or access this page from your phone or tablet and the Wistia player should resize automatically to fit your screen.

The plugin is now on the WordPress Plugin Repository and you can get it by clicking on the following link:

Download Wistia Responsive

Get the Source on GitHub

Multisite

  • All features should work for each blog in multisite installations but this has not yet been tested.

Feedback

Feedback is welcome!

If you need help, have problems, want to leave feedback or want to provide constructive criticism, please do so here at the Wistia Responsive plugin page.

Twitter

Follow @anderly on Twitter for updates on this and other plugins.

Installation

  1. Upload or extract the wistia-responsive folder to your site’s /wp-content/plugins/ directory. You can also use the Add new option found in the Plugins menu in WordPress.
  2. Enable the plugin from the Plugins menu in WordPress.
  3. Voila! Your Wistia video embeds will now be responsive!

Changelog

1.0

  • This is the first public release.

Share this:

  • Twitter
  • LinkedIn
  • Email
  • Print
  • More
  • Reddit

Filed Under: WordPress, WordPress Plugins Tagged With: Wistia, WordPress, WordPress Plugins

RSS

RSS Feed

Subscribe

Enter your email address to subscribe and receive new posts by email.

Find It Here

Top Posts

  • Cross-Cutting Concerns with MediatR Pipeline Behaviors
  • Create your own branded url-shortener in under 10 minutes using ASP.NET MVC 2
  • Laravel User Timezone Aware Trait
  • Laravel Transformable - An Eloquent Model Trait for Consumable Models

Recent Posts

  • Cross-Cutting Concerns with MediatR Pipeline Behaviors
  • Laravel User Timezone Aware Trait
  • Useful Laravel Model Traits: Gravatar
  • Laravel Transformable – An Eloquent Model Trait for Consumable Models
  • Gravity Forms + Microsoft Dynamics CRM

Categories

  • .NET (12)
  • ASP.NET Core (1)
  • ASP.NET MVC (7)
  • Dependency Injection (3)
  • Laravel (3)
  • Laravel Traits (2)
  • MediatR (1)
  • Node.js (2)
  • NuGet (5)
  • PHP (2)
  • REST (4)
  • Silverlight (5)
  • Uncategorized (3)
  • WordPress (7)
  • WordPress Plugins (7)

Tags

.NET APIs ASP.NET Core ASP.NET MVC Azure Caching cli CRM Dependency Injection dns dnsimple Dynamics Dynamics CRM Expansive Fallback Gravity Forms iPhone Laravel Laravel Traits MailChimp MediatR Microsoft Dynamics CRM MobileMe Node.js NuGet PHP Polly REST Retry Rounding Scrutor Silverlight SimpleMembership sublime-text-2 VS2010 Wistia WooCommerce WordPress WordPress Plugins
  • About
  • Blog
  • Archives
  • Plugins
    • WooCommerce MailChimp
    • Wistia Responsive
  • Contact
loading Cancel
Post was not sent - check your email addresses!
Email check failed, please try again
Sorry, your blog cannot share posts by email.