Title: Embed into Responsive Theme
Last modified: August 21, 2016

---

# Embed into Responsive Theme

 *  Resolved [collinscochran](https://wordpress.org/support/users/collinscochran/)
 * (@collinscochran)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/embed-into-responsive-theme/)
 * Hello!
 * I upgraded my theme to add a responsive layout option and the videos that I have
   embedded will not scale with the page. Whenever I set the width manually as a
   percentage, 100% wide works fine, but 100% tall only gives me about 150px. Is
   there a way to define where the iFrame inherits the size information from?
 * This is a very well supported plugin!
 * Thanks!
 * Collins
 * [http://wordpress.org/plugins/featured-video-plus/](http://wordpress.org/plugins/featured-video-plus/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Thread Starter [collinscochran](https://wordpress.org/support/users/collinscochran/)
 * (@collinscochran)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/embed-into-responsive-theme/#post-4192295)
 * Also, i’m posting vimeo almost exclusively.
 *  Thread Starter [collinscochran](https://wordpress.org/support/users/collinscochran/)
 * (@collinscochran)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/embed-into-responsive-theme/#post-4192383)
 * I fixed my own problem, for anyone out there. I used CSS styles to force the 
   video into a box. Here is the code.
 *     ```
       .featured_video_plus {
       	position: relative;
       	padding-bottom: 52%;
       	padding-top: 30px;
       	height: 0;
       	overflow: hidden;
       }
   
       .featured_video_plus iframe,
       .featured_video_plus object,
       .featured_video_plus embed {
       	position: absolute;
       	top: 0;
       	left: 0;
       	width: 100%;
       	height: 100%;
       }
       ```
   
 *  [Damien](https://wordpress.org/support/users/appducate/)
 * (@appducate)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/embed-into-responsive-theme/#post-4192418)
 * Good Job collinscochran. Thanks for posting the solution.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Embed into Responsive Theme’ is closed to new replies.

 * ![](https://ps.w.org/featured-video-plus/assets/icon.svg?rev=1170997)
 * [Featured Video Plus](https://wordpress.org/plugins/featured-video-plus/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/featured-video-plus/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/featured-video-plus/)
 * [Active Topics](https://wordpress.org/support/plugin/featured-video-plus/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/featured-video-plus/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/featured-video-plus/reviews/)

## Tags

 * [responsive layout](https://wordpress.org/support/topic-tag/responsive-layout/)

 * 3 replies
 * 2 participants
 * Last reply from: [Damien](https://wordpress.org/support/users/appducate/)
 * Last activity: [12 years, 7 months ago](https://wordpress.org/support/topic/embed-into-responsive-theme/#post-4192418)
 * Status: resolved