I am trying to insert an iframe but its not working.

Whats wrong with my code?

<div>
<p style="text-align:centre;">
<iframe width="560" height="315" src="https://www.instagram.com/p/B50hlJiH585/?utm_source=ig_web_button_share_sheet" frameborder="0" allowfullscreen></iframe>
</p>
</div>

http://www.orcaaccounting.com/helloFriend.html

Maybe Instagram does not permit some URLs to be framed? Are you using the URL Instagram itself recommends for embedding?


Nothing relevant (but the correct spelling in CSS is "text-align: center").

thanks for the er nor re in centre. In Canada we spell it centre nor center.

I removed the instagram link and replaced it with a you tube link but same thing, no iframe shows up on the page.

Now nothing loads. Your server seems to be down.

No server is up,
http://orcaaccounting.com/helloFriend.html

So you've changed to Youtube. I think it'll work if you use the whole iframe code youtube wants you to use. At least that works locally. I don't know what the attributes you've excluded do, but they do seem to do the trick.

This code worked

[<iframe width="560" height="315" src="https://www.youtube.com/embed/riFyKUyGb4k" frameborder="0" allowfullscreen></iframe>]

w00t!

But that's what you had when I looked and then it did not work. It didn't work locally either.

The new code doesn't have the query string part.

There wasn't a query string in the old either. I still have it. It's the same as now.



I changed that to the full youtube tag and then it worked for me.