You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Online

Official support hours
Monday to Friday
09:00 - 17:00 Europe/London (BST)

#116854 Responsify plugin: how to exclude some but not all iframes

Posted in ‘Suggestions & Feature Requests’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by gotyou on Monday, 09 September 2024 12:50 BST

gotyou

Hello!

I made the switch to the Responsify and hoped that my problem would be solved. But - no - not yet.

So here's my request / situation: I need to process all iframes showing youtube videos through the plugin to get them responsive. But I have other iframes in my articles, namely code from bandcamp, playing audio; and those iframes should _not_ be processed.

I've tried to add the wf-no-container or wf-responsive-off classes to those iframes, but with no success. Obviously it's not working on iframes, right?

Thanks for your efforts! Regards!
Chris    

Ryan

I've tried to add the wf-no-container or wf-responsive-off classes to those iframes, but with no success. Obviously it's not working on iframes, right?

Please post a link to an example on your site.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

gotyou

of course!

regards!
Chris 

Ryan

this is a page where the bandcamp iframe should not be "responsifyed"
in the first iframe (dance the life) I have added the classes "wf-responsive-off" and "wf-no-container" manually in the article code. with no effect.

In the Responsify parameters you can set an Exclude From Menu or an Assign to Menu option, so that Responsify is not loaded on, or only loaded on, the associated pages.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

gotyou

Hello,
thanks for the information. I've seen this option before.

In this case it's not quite suitable because there is only one menu item that leads (... drill down) to those articles with different content (youtube / bandcamp iframes). I suppose I could create a hidden menu link for each article, using it to exclude the plugin. But that seems not to be a real solution because there can come up a situation where bandcamp and youtube iframes come togehter in one article.

Well, if there is no solution at the moment.. this becomes a feature request. 😀 I'd rather stick with one plugin than looking for and installing several others to do different things.

Regards!
Chris

Ryan

Well, if there is no solution at the moment.. this becomes a feature request. 😀 I'd rather stick with one plugin than looking for and installing several others to do different things.

Perhaps some URL exlusions, so if the URL matches, eg: bandcamp.com, then that iframe is skipped.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

gotyou

Hello,
thanks for the information. I've seen this option before.

In this case it's not quite suitable because there is only one menu item that leads (... drill down) to those articles with different content (youtube / bandcamp iframes). I suppose I could create a hidden menu link for each article, using it to exclude the plugin. But that seems not to be a real solution because there can come up a situation where bandcamp and youtube iframes come togehter in one article.

Well, if there is no solution at the moment.. this becomes a feature request. 😀 I'd rather stick with one plugin than looking for and installing several others to do different things.

Regards!
Chris

gotyou

Perhaps some URL exlusions, so if the URL matches, eg: bandcamp.com, then that iframe is skipped.

well, that is up to you, I guess

Ryan

Please try Responsify 1.0.5 Beta - https://www.joomlacontenteditor.net/downloads/plugins/development

In the Responsify parameters, add the URL values to exclude, eg: bandcamp.com

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

gotyou

works! kind of..

Somehow the class "wf-responsive" is still added which makes the iframe slightly higher that necessary:

<iframe src="https://bandcamp.com/EmbeddedPlayer/etc-etc/transparent=true/" width="100%" height="42" style="border: 0;" seamless="" class="wf-responsive"><a href="https://bandcamp.com/etc-etc">state of mind by stillnoah</a></iframe>

Turning off the plugin restores the correct hight of the "non-responsifyed" iframes

Ryan

Please try Responsify 1.1.0 Beta - https://www.joomlacontenteditor.net/downloads/plugins/development

By default, Bandcamp and other iframe media not in an "Allowed Iframe Media" list will not be processed.

There are additional options to set which Iframe Media are processed, the Allowed Iframe Media list and to set additional Allowed URLs.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

gotyou

Perfect. Works!

Thank you very much!