Resolved Responsive Iframe Embeds

[TourKick (Clifford P) 1]

1.

How do I make an iframe (e.g. video, form, anything in an iframe) embed code responsive? Might there be a shortcode or php code to say "make whatever is in this area responsive"?

2.

(Not 100% related, but a similar question)

I see pl_video at http://demo.pagelin.co.in/framework/tools/ and see examples of Vimeo and YouTube. Are any other providers supported?

Thank you.

[Simon 248]

1. You can control the size of the iframe, but the content is usually remote.
   
2. pl_video only supports vimeo and youtube.
   

[TourKick (Clifford P) 1]

How do I control the size of the iframe?

Are you saying I can make the iframe 300x200 but the sourced file could be 500x400 and thus only about half of it is shown and half is cut off?

[Simon 248]

You cant control the sourced file as its remote, you can control the size of the frame, and whether to enable scrollbars.

[TourKick (Clifford P) 1]

i understand. but are you talking about within the iframe's actual embed code (iframe height and width tags) or within pagelines (e.g. a shortcode or targeting a css element or something)? I just want to make sure I'm not missing something. Thanks, Simon.

[Danny+ 1,327]

I have no idea regarding iFrames, as the technology is older than me and I have never used them. But you could try adding your iFrame within the PageLines Grid, this may make it responsive but I am unsure.

For example:

<div class="row">

<div class="span12">


Add iFrame here


</div>

</div>

[/CODE]


If that doesn't work, I suggest you ask this question on a web design forum.

[TourKick (Clifford P) 1]

Great idea, but there was no difference in how it worked. I feel like we've considered this in all possible ways for the way the theme is right now so I think you can close this. But I do wish it could resize any iframe proportionately, not just cutting off the width and leaving the height. Thank you.

[catrina 103]

I've tried searching around for responsive iFrame solutions but haven't found any except for jQuery solutions as shown here: http://www.jqueryrain.com/2012/09/jquery-responsive-iframes/

[TourKick (Clifford P) 1]

similar to http://fitvidsjs.com/ -- I thought that was already in PageLines somewhere... no?

[catrina 103]

It should be, but I'm not sure why the functionality is misbehaving on your site. Have you already tried deactivating active plugins?

[TourKick (Clifford P) 1]

if fitvids is in PL, then I'm not sure if it's not acting properly. if fitvids is NOT in PL, then everything regarding iframe resizing is fine (it just covers/cuts off when resizing browser window).

Ultimately, here's what I'm trying to do and it's not working... not really related to resizing iframes, but you can see from this code whether or not you think the iframe video embed code should be triggering fitvid functionality or not...

(Maybe @simon can help here)...

On a brand new PageLines install (no plugins enabled other than the Sections), I created a custom section with this as the code (only this section is enabled on drag-and-drop for the page template): http://paste.pagelines.com/6k2

If I put the pl_raw version in the content box (WYSIWYG/HTML), it works great.

But if I put the pl_raw or non-pl_raw version in the section (notice I've tried both in the code), neither works.

If I try apply_filters('the_content',____) or the do_shortcode() on pl_raw, it doesn't work (nothing's displayed at all). If I do the non-pl_raw version, it displays messed up or not at all (depending on the variation of code, which you can see in the paste).

Can you please test and/or fix for me. How can I get pl_raw to work (is there a way to tell WP that this and only this should be in the_content area and to override or append to whatever's already in there) or how do I get the non-pl_raw version to work?

Thank you.

[TourKick (Clifford P) 1]

I got it to work - see my comment on Viewer plugin here: http://fyre.it/1y5s

[Danny+ 1,327]

The topic was marked as resolved.