trouble embedding iframe

Happy to help you, Andrew! Mind sharing the site you're trying to embed in Rise? I'll create a quick Peek video demo of what to do. 

Try as I might I can't get this to work - all I see displayed is the code I've entered, whether I preview or export and view on a server. 

Can anyone help? I've even tried using the code from the working examples above and still no joy!

I'm working on a Mac and viewing in Chrome.

Thank you.

Hey Andrew,

I see where you reached out to our support team and it looks like Wilbert is helping you out :) You're in good hands and I encourage you to continue working with him there if needed.

Hello, Im trying to embed the following zing tree iframe code into RISE and it's not working. Any ideas?

<iframe width="100%" frameborder="0" seamless src="https://zingtree.com/deploy/tree.php?z=embed&tree_id=576694633&style=panels&persist_names=Restart&persist_node_ids=1">
</iframe>
<script type="text/javascript" src="https://zingtree.com/js/iframeResizerSmart.js"></script>
<script type="text/javascript">iFrameResize();</script>

Thanks

Neha

Hi Neha! Happy to help with that iFrame code. 

Try using a simpler code, like this one: 

<iframe src="https://zingtree.com/deploy/tree.php?z=embed&tree_id=576694633&style=panels&persist_names=Restart&persist_node_ids=1"></iframe>

Check out this video demo to see exactly how to use that code in Rise. And here's a sample Rise course with the iFrame so you can see how it looks in action!

I'm having trouble with this as well. Here is my code: 

<iframe width="640px" height= "480px" src= "https://forms.office.com/Pages/ResponsePage.aspx?id=5C0G1Lp0MEejOVlkWuFw3gDmg87Aq0JGvatK1NwGcNFUNDVDQU9EQldRWEpOSko0ODI3QTc3M0lMNi4u&embed=true" frameborder= "0" marginwidth= "0" marginheight= "0" style= "border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>

If I test this in another editor, it works fine. But Rise keeps telling me it's invalid. Any ideas?

Hi Edward,

I simplified your iFrame code, and now it works perfectly in Rise:

<iframe src="https://forms.office.com/Pages/ResponsePage.aspx?id=5C0G1Lp0MEejOVlkWuFw3gDmg87Aq0JGvatK1NwGcNFUNDVDQU9EQldRWEpOSko0ODI3QTc3M0lMNi4u&embed=true"></iframe>

Click here to check out the embedded form in a sample Rise Blocks lesson.

That worked. Thanks!

I am struggling with an Iframe code myself:

<iframe src="https://services.cognitoforms.com/f/IfMMVaoVoE22ME8Xv9alyA?id=21" style="position:relative;width:1px;min-width:100%;*width:100%;" frameborder="0" scrolling="yes" seamless="seamless" height="608" width="100%"></iframe>
<script src="https://services.cognitoforms.com/scripts/embed.js"></script>

I tried adding </iframe> at the end to close and its still show as blank.

Hi Morgan, 

The end piece <script src=... causes an error in Rise, but the beginning of your code seems to be missing some additional " marks.

Try this:

<iframe src="https://services.cognitoforms.com/f/IfMMVaoVoE22ME8Xv9alyA?id=21" style="position:"relative";width:"1px";min-width:"100%";width:"100%;" frameborder="0" scrolling="yes" seamless="seamless" height="608" width="100%"></iframe>

Let me know how that works for you! 

I was also able to include the section <script src="https://services.cognitoforms.com/scripts/embed.js"></script> before the ending </iframe> and that also worked. 

Here's a link to the course where I added those. 

Hi. My iframe video link doesn't open in IE. Though it works fine in Chrome.  Are there any settings that need to changed. Can someone please advise. Thanks

Sorry you're having some trouble in IE, Priyanka.

What version of IE are you viewing the course with? IE11 is A-OK, so I'd like to rule this out. Additionally, could you share the code or Rise course Share link with me? I can test it on my machine and let you know what I find. 🔎

Sure, How can I share the link privately with you.

Good morning, Priyanka!

You got it: Here's the link to share it privately. I'll be standing by!

Thanks Katie,

Please find my iframe link below.

https://eddinew.moodlecloud.com/pluginfile.php/68/mod

Appreciate that, Priyanka! 😊

I just sent you a reply in the case; let's continue our conversation there! I'll also post any valuable insight here for those following along once we nail this one down!

I want to embed an iframe that starts with http://....

When I click ENTER after Changing the URL in the Edit Embed window it changes the URL to https://... automatically, which is not correct.

Any suggestions?

Hi Vico,

I’m sorry that you’re having some trouble here. I just tried this out and I'm not seeing the same behavior. My URL retained the http, without an s. 

The quickest way to resolve this issue is to have our Support Team take a look. You can submit a case here.

In the meantime, if there's anything else I can do to help, please let me know!

I am also getting an error when I try to use this feature

<iframe width="640px" height= "480px" src= "https://forms.office.com/Pages/ResponsePage.aspx?id=8Ui9VDnL3U6iYnW1V_1oMTUfTATWNU9GiZIV7xuMBOFUOVVaQzc0SVRFSTBHNVVKVDZBRkVXSUJJRyQlQCN0PWcu&embed=true" frameborder= "0" marginwidth= "0" marginheight= "0" style= "border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>

I do not want any more emails.

Hi Christian,

It looks like you're subscribed to this discussion thread. To unsubscribe, click here to open the thread. At the top of the page, click the Subscribed button. Then you'll be unsubscribed, and you will no longer receive email notifications of new posts. 

Hi Malinda,

It looks like site you're trying to embed does not allow their content to be embedded in frames. Can you simply provide a link to the content rather than embedding it?

You can't embed anything that has <div> tags.  Everything has to be within an <iframe></iframe> tag.