Support » Plugin: Featured Video Plus » Embed into Responsive Theme

  • Resolved collinscochran



    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!



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 ‘Embed into Responsive Theme’ is closed to new replies.