View Single Post
  #1  
Old 10-10-2012, 01:36 PM
briandavidokeefe briandavidokeefe is offline
Registered User
 
Join Date: May 2011
Posts: 10
Default responsive embedded video

I've embedded a video into a text widget in the same child theme for Genesis. The embedded video (widget) is not responsive. I've found a few websites that provide some variations of a solution for this, but none of them work for me, and now I'm guessing that it might be an issue with Genesis itself. However, even when using the browser developer tools, I can't figure out what the problem is. The video is getting cut off rather than made proportionately smaller as the browser resizes. To strip away complexity, I've tried using Genesis itself (without a child theme) and embedding a video in a text widget in the right column. I used the following links to get the additional CSS and HTML to double-wrap the embed code.

http://www.alistapart.com/articles/c...tios-for-video

http://www.alistapart.com/d/creating.../example3.html

http://webdesignerwall.com/tutorials/css-elastic-videos

Has anyone else successfully made this work? I really want the entire video dimensions to be visible when looking at it on an iPhone, for example.

Thanks!