Adding Mobile Responsive YouTube Videos

iFrame issues with YouTube Embeds. How I fixed... #buildinpublic


In my migration to fast static websites (no content management platform) from WordPress, parts of my content needed retooling / tweaking. (OK, actually a lot.) What issue did I encounter recently? #buildinpublic

One issue that came up was embedding YouTube videos. The official video embed code from YouTube uses fixed dimensions on an iFrame - so it breaks mobile designs. This is comical that I got a notice from Google that my video display was jacked up since GOOGLE gave me the code...

Video outside viewport - #buildinpubic issue

The fact that I got this urgent message very quickly (via the Google Search Console / email) tells me how important videos are to Google within Webpages... they actually de-indexed the video in Google Search. Other content doesn't get pulled this quick.

It's interesting that Google is ok with content creators removing Google AdSense (display, banner, text ads) from websites so long as YouTube stays strong. We know this by their Helpful Content update messaging.

Lesson learned: add videos and make the experience on the Web page great. #buildinpublic

Get my solopreneur checklist to get the start-to-finish instructions for starting as a solopreneur based on my experiences.




Ken Morico
Ken
Digital Marketing Consultant · Web / Ecom · SEO · PPC
Follow for insights on digital marketing, entrepreneurship, tech & wellness.

Date:
  • Published:
  • Updated: