WordPress.org

Ready to get started?Download WordPress

Forums

Featured Video Plus
[resolved] Embed into Responsive Theme (4 posts)

  1. collinscochran
    Member
    Posted 10 months ago #

    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/

  2. collinscochran
    Member
    Posted 10 months ago #

    Also, i'm posting vimeo almost exclusively.

  3. collinscochran
    Member
    Posted 10 months ago #

    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%;
    }
  4. Damien
    Member
    Posted 10 months ago #

    Good Job collinscochran. Thanks for posting the solution.

Reply

You must log in to post.

About this Plugin

About this Topic