iFrames in WordPress (Online Version)

  • Unknown's avatar
    elemancer · Member ·

    I have successfully added an iFrame from a https source to my HTML editor AND it shows up properly when I switch back to the ‘visual’ tab, but when I update my webpage, it automatically takes my iframe, and changes it to with a link to what I was trying to embed. Any work arounds for this? Again, it shows up perfectly in my visual tab, but when I try to view it on the site, I can not get it to show up.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    seasonschangecc · Member ·

    Hi,

    Unfortunately, it’s not possible to add an iframe due to security reasons at WordPress.COM. What are you trying to accomplish with an iframe?

    WordPress.com allows the following HTML code in your posts, pages, and widgets:

    address, a, abbr, acronym, area, article, aside, b, big, blockquote, br, caption, cite, class, code, col, del, details, dd, div, dl, dt, em, figure, figcaption, footer, font, h1, h2, h3, h4, h5, h6, header, hgroup, hr, i, img, ins, kbd, li, map, ol, p, pre, q, s, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var

    Check out W3 Schools for more information about what each of these HTML codes are used for.

    If you are familiar with HTML, you’ll notice that codes such as embed, frame, iframe, form, input, object, textarea and others are missing from the above list. Those codes are not allowed on WordPress.com for security reasons.

    Source: https://en.support.wordpress.com/code/

  • Unknown's avatar
    kawsaywasi01 · Member ·

    I can’t speak for the original poster, but I am trying to embed a book from the Internet Archive.

    The link for the book is:
    https://archive.org/details/mobot31753000811155

    I click on the share item tab, and copy the code for a wordpress.com site (mentioned specifically). The code reads: 

    [archiveorg mobot31753000811155 width=560 height=384 frameborder=0 webkitallowfullscreen=true mozallowfullscreen=true]

    This code is pasted into a blog post, but it does not show up. Properly. Here is a link to an example:

    https://kawsaywasi.wordpress.com/2017/01/15/archive-test-post/

    When I inspect the code, I see the link was converted into the following:

    <div class="entry-content">
		<div class="jetpack-video-wrapper"><div class='embed-archiveorg-video' style='text-align:center;'><iframe src='https://archive.org/embed/mobot31753000811155' width='560' height='384' frameborder='0' webkitallowfullscreen='true' mozallowfullscreen='true' allowfullscreen></iframe></div></div>

    To me this code appears to be attempting to embed a video. If so, this is the wrong kind of object. The initial link is to a book not a video. It would be most handy to have the ability to embed books from the Internet Archive. Thanks for any support on this issue.

  • Unknown's avatar
    alanpugh · Member ·

    Hello kawsaywasi01!

    Try changing the embed code ‘archiveorg’ to ‘archiveorg-book’ and, if that doesn’t work, please go ahead and post a fresh request, since this is a different request.

    Thanks!

  • Unknown's avatar
    kawsaywasi01 · Member ·

    Thank you for the suggestion. It looks to be working; a fact that opens up a number of opportunities. If I have further issues along this particular theme, I’ll post it as a different request.

    Thank you again.

  • The topic ‘iFrames in WordPress (Online Version)’ is closed to new replies.