So, I'm confused pretty severely... So I went to w3Schools iFrame page. Copy and pasted this code into codepen directly from w3schools...
<iframe src="https://www.w3schools.com"></iframe>
I also tried changing the URL a few times. Loading Google even didn't work... All that happens is a blank page with the same background color as the parent page. I dont understand why the iframe code even from w3schools doesn't work... Am i not loading a dependency? I'm using the latest version of chrome.
index.html
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Soundcloud Downloader</title>
</head>
<body>
<div class="container">
<iframe src="http://1stdibs.com/"></iframe>
<iframe src="http://soundtake.net/"></iframe>
<iframe src="https://www.w3schools.com"></iframe>
</div>
</body>
</html>
A working code pen:
https://codepen.io/anon/pen/GEePEK
My view (screenshot):
http://imgur.com/a/6bPWB
Check this one
Checking if a website doesn't permit iframe embed and this one too Certain websites won't appear with Iframe and .load() function.
I had same problem few year back then i came through these,some sites avoid iframe tag.
Related
<!DOCTYPE html>
<html>
<body>
<iframe src="https://www.randomExample.com" width=100% height=768px>
</body>
</html>
I am trying to make an embed for randomExample.com. I make the above code and it works fine. However, because iFrame shows the website if it were to be looked up by the user, on a separate computer, randomExample.com is blocked.
So, instead of displaying the iFrame from the client's perspective, I want to display it from the creator's perspective.
Is there a way to do this?
I have a problem with this code:
<!DOCTYPE html>
<html>
<body>
<embed width="420" height="315"
src="https://www.youtube.com/v/_Yhyp-_hX2s">
</body>
</html>
it work on "try it yourself" on w3school.com but not work in my page, neither in a blank html page. I have this problem only with some video like vevo
There is actually nothing wrong with you code!
As soon as you host it it'll work. If you're on Linux try to copy the html file to "/var/www/html/" and in your browser type: "localhost/yourfilename.html". It should work!
(You'll need something like apache running).
Embed tag sometimes making problems on bbc and youtube. Try iframe tag.
see also
<!DOCTYPE html>
<html>
<body>
<iframe src="https://desk.zoho.com/portal/myclassboard/kb/articles/how-to-view-event-details-in-the-calendar/">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>
Hi friends,
I need how to use the iframe. the above code i wrote display the website in a iframe, but in some cases it work properly and some cases its not working properly, when i change the website link.
In the above case we have change the link to some https://corp6beta.myclassboard.com/ its working but while put the above link its not working.
I am new to iframe please help me... how to avoid the problem.
I've encountered same question like this before,this might help you iFrame not Loading.
I was following a jQuery tutorial and part of it was to use something that took a long time to load, such as iframes. I can't get iframes to work by themselves, in the following only w3schools works. What is going on?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>This is a test</title>
</head>
<body>
<p>Hello.</p>
<p>
<iframe src="http://www.google.com"></iframe>
<iframe src="http://www.stackoverflow.com"></iframe>
<iframe src="http://www.w3schools.com"></iframe>
<iframe src="http://www.yahoo.com"></iframe>
<iframe src="http://www.reddit.com/"></iframe>
</p>
<p>Goodbye</p>
</body>
</html>
Are there any other easy ways to have something take a long time to load in a HTML document? I tried using large images but it's a nuisance to download many of them and they get cached after first time.
The reason for this is, that Google/Satckoverflow is sending an "X-Frame-Options: SAMEORIGIN" response header. (You can set this thing either in IIS or in Page Header) This option prevents the browser from displaying iFrames that are not hosted on the same domain as the parent page.
The X-Frame-Options response header
putting this is the html webpage does not show the page, what is the reason?
<!DOCTYPE html>
<html>
<body>
<iframe src="https://secure.mom.gov.sg/iSubmit/Pages/default.aspx">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>
Here's what I look, I am using chrome v25.
The main problem is page should have some information when it's beeing display in iframe. Because it's go throught https site it's probably don't so you can display it in iframe.
More info in second post:
http://www.dotnetnuke.com/Resources/Forums/forumid/39/threadid/240336/scope/posts.aspx
I think there is a problem with redirection in https:// site. Your src site doesn't rate iframe as a trustworthy platform. Generally, iframes shouldn't be used for whole pages like that.