Categories
Responsive YouTube Videos In WordPress

Make YouTube Embeds Responsive In WordPress

If you build a responsive theme it is important that you know how to make YouTube embeds responsive in WordPress. There are a lot of solutions out there for this but most of them use a plugin that either makes you enter your videos through a shortcode or wraps all of your Iframes in a responsive wrapper. How about we take a little time to build it into our theme so that we aren’t cluttering our site up with more plugins. It is actually really simply!

The Problem

So you have built a beautifully responsive WordPress theme that works on all devices. Then you or your client adds a YouTube video into their content…ya know for better SEO…and it shoots out the right side of the screen! Now it looks completely broken. You, as a detail oriented web developer, want to make sure that any YouTube video will be responsive inside your theme. But you also know the importance of keeping your site as lightweight as possible so we don’t want to just go add ANOTHER plugin.

Google Tips for Responsive Design

Google Tips For Responsive Design

Here is an amazing video giving Google tips for responsive design. Whether you are a business owner or a developer, you need to be aware of the changing standards of web design, development, and SEO strategies. For the past couple of years we have heard the internet chatter on responsive design and how we should be using it. Some people listened, while others said “Yeah Yeah, Maybe Later”. If you happen to still be one of those people on the fence about it let me give you a few solid reasons why you should quickly jump on this train.

The Facts

  • Mobile devices are accessing the internet 60% of the time. (InMobi)
  • Do you read emails on your phone or tablet? Mobile devices open 51% of emails. (Litmus)
  • Mobile consumers are searching the internet first during their shopping process. Search engines make up 48% of those searches. (Google)
  • Within one hour of mobile searching, 70% of people will take action. That high percentage only happens on websites that are mobile-friendly. (iAcquire)
  • People only spend 40% of their social media time on a desktop computer, the other 60% is on a smartphone or tablet. (Business Insider)

If that doesn’t make you want to make your site responsive, go check out your Google Analytics and see what percentage of people are browsing mobile. If you happen to see a high bounce rate from mobile users that should tell you that your site isn’t user friendly or appealing to them at all.