WordPress.org

Support

Support » Plugins and Hacks » Featured Video Plus » [Resolved] Embed into Responsive Theme

[Resolved] 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/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Also, i’m posting vimeo almost exclusively.

    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%;
    }

    Good Job collinscochran. Thanks for posting the solution.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] Embed into Responsive Theme’ is closed to new replies.
Skip to toolbar