WordPress plugin: embed iframe into content.
Iframes are needed to embed video from youtube or to embed Google Map or just to embed content from external page.
WordPress removes iframe when you switch from "HTML" to "Visual" tab because of the security reasons.
So you can embed iframe code using this shortcode [iframe width="100%" height="480" src="http://player.vimeo.com/video/3261363"].
Parameters:
- src - source of the iframe
[iframe src="http://player.vimeo.com/video/3261363"](empty by default src=""); - width - width in pixels or in percents
[iframe width="100%" src="http://player.vimeo.com/video/3261363"]or[iframe width="640" src="http://player.vimeo.com/video/3261363"](by default width="100%"); - height - height in pixels
[iframe height="480" src="http://player.vimeo.com/video/3261363"](by default height="480"); - scrolling - parameter
[iframe scrolling="yes"](by default scrolling="no"); - frameborder - parameter
[iframe frameborder="0"](by default frameborder="0"); - marginheight - parameter
[iframe marginheight="0"](removed by default); - marginwidth - parameter
[iframe marginwidth="0"](removed by default); - allowtransparency - allows to set transparency of the iframe
[iframe allowtransparency="true"](removed by default); - id - allows to add the id of the iframe
[iframe id="my-id"](removed by default); - class - allows to add the class of the iframe
[iframe class="my-class"](by default class="iframe-class"); - style - allows to add the css styles of the iframe
[iframe style="margin-left:-30px;"](removed by default); - same_height_as - allows to set the height of iframe same as target element
[iframe same_height_as="body"],[iframe same_height_as="div.sidebar"],[iframe same_height_as="div#content"],[iframe same_height_as="window"]- iframe will have the height of the viewport (visible area),[iframe same_height_as="document"]- iframe will have the height of the document,[iframe same_height_as="content"]- auto-height feature, so the height of the iframe will be the same as embedded content (works only with the same domain) (removed by default); - any_other_param - allows to add new parameter of the iframe
[iframe any_other_param="any_value"]; - any_other_empty_param - allows to add new empty parameter of the iframe (like "allowfullscreen" on youtube)
[iframe any_other_empty_param=""];
Is it possible to have height="100%" please ? Thanks
height="100%" does not work correct in all browsers
so if you will use it, than the height of your iframe will be different in different browsers
Works just like it should. I have this plugin in all my blogs
Is it possoble to use "same height as " so my site header and nav bar don't show in the iframe? So far none of the options work for that, they just cut the iframe in half and still show my header and nav..
I think, it is not possible.
No problem, combined it with a header conditional. Same as content is working great, no more scroll bars!
Hi, is there a way to control the sites for the iframes?
In this case, limit it only to Youtube for security concerns.
There is no options for controlling list of embedded sites in Iframe plugin.
But you may use this shortcode:
[embed_ width="500" height="400"]http://www.youtube.com/watch?v=b8oafdXX_5U[/embed] (remove underscore "_" after first openned embed shortcode)
Embed supports YouTube, Vimeo and more.
Embed shortcode is from WordPress core and does not need any plugin.
how do I embed content from page and not video? your example only covers how to place brackets with vimeo.
Powered by VotingAid.com
you can embed any page, just change src param:
[iframe width="100%" height="480" src=" http://wordpress.org/"]
Hi!
This is great! But, after one week of searching the web for a solution I still cant get it to work. I'm trying to embed a phpBB forum thats not mine, into a WordPress PAGE. The height of the contant change but not the iframe.
I don't want to scroll, no borders, 100% width, and the height set to [iframe same_height_as="content"]
Thanks in advance!
[iframe same_height_as="content"]- auto-height feature, so the height of the iframe will be the same as embedded content (works only with the same domain).Sorry, but there is only one way for you - it is scrolling.
Is there a way to scale the content of the iframe?
I think, that this is not possible