I am currently trying to place https://phishingquiz.withgoogle.com/ into an iframe.
It works correctly within Chrome, but seems to just say loading when viewing it in IE.
I have included the code below:
<iframe src="https://phishingquiz.withgoogle.com/" allow-same-origin allow-
scripts allow-popups allow-forms allow-pointer-lock width="1200"
height="900">
</iframe>
I am currently running version 11.0.9600.19236
Above is what Chrome displays, which is correct.
Above is what IE displays, which is wrong.
I have tried to using the sandbox attribute to allow-javascript, which i presume it might be coded in that, but still no luck.
Would any one have any ideas?
Related
I am using an iframe to publish an interactive chart from Google Sheets. The iframe will not load on the page until I hover over it with a mouse. (Tested with latest chrome browser on desktop and mobile)
Workaround experiment: I changed the iframe from interactive mode to image and the iframe loads immediately.
iframe frameborder="0" height="371" id="chartframe" scrolling="no" seamless="" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vRUJ3BujnYfrxc4FCgIfcCg58qEtuaaHRtFZ33MaM-tn4nemyxbp4i3usiJdwHPkXqOn9V-RcpqdLQe/pubchart?oid=197457924&format=interactive" width="570"
Expected: Up until a couple a days ago the iframe for the charts in interactive mode would load within a few seconds. This has been the behavior for several years.
Issue: Then with no changes to my side, all interactive iframes for all charts across multiple websites & platforms and from multiple sheets fail to display until I hover over the chart area when using interactive mode.
(HTML snip shown is what worked fine until a couple of days ago.)
I started seeing this exact behavior recently as well.
It happens with Chrome, Safari, and Firefox (at least).
Here's my iframe code:
<iframe width="550" height="550" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQC5Xml_m97eBQfjXeoG9ZP5U-ApXSiDJI7eYYqXzw7tyFBDmVDG5sbLxOoo5O29LOEM0EE21xTfthq/pubchart?oid=525571464&format=interactive"></iframe>
Is yours a SquareSpace website (mine is)?
I have the following iframe definition :
<iframe id="super-frame"
sandbox="allow-same-origin allow-scripts
allow-forms allow-top-navigation
allow-pointer-lock
allow-top-navigation-by-user-activation">
</iframe>
Basically, I just want to block all "alert" popups from the iframe while allowing everything else.
THE ISSUE:
The page from mydomain.com/abc/page1.html loads mydomain.com/abc/page2.html into the iframe noted above. Then, whenever links with target of _parent are clicked in page2.html to go to say page3.html page4.html etc, Chrome browser does not allow this to happen saying it is cross origin!
So, not sure what the issue is with the definition of iframe. If anyone has come across similar situation and know of a fix, please let me know. Note that this is on latest chrome version on mac.
Thank You.
Problem:
I have a html file which calls another html file through an iframe with sandbox. The inner file contains iframe given by soundcloud to embed. Now this soundcloud widget does not work.
<!DOCTYPE html>
<html>
<head></head>
<body>
<iframe width= "100%" height="450" src= "inneriframe.html" sandbox></iframe>
</body>
</html>
And the inneriframe.html contains iframe I got from soundcloud.com inneriframe.html is:
<!DOCTYPE html>
<html>
<head></head>
<body>
<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/users/36700916&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true" ></iframe>
</body>
</html>
Observations:
1. It works for some files and does not work for others.
2. It works on firefox and not on chrome.
3. If we disable flash player from chrome plugins, it works.
Possible reasons:
Perhaps for some files soundcloud first check if flash player is available, run it through flash player else through HTML5. In such cases it finds that flash player is available and hence tries through it but sandbox restricts flash player and hence it does not work.
For other files perhaps soundcloud directly runs through HTML5. Also since chrome implements sandbox most strictly, hence it is a problem in chrome only.
Working embedding:
<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/211417319&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe>
Non-working embedding:
<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/216846955&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe>
Kindly help me in:
1. resolving issue, if there is some way.
2. to differentiate files which works and which does not work and why?
Regarding the Chrome/Flash issue, I think what may be happening is you may have some conflicting Flash updates in Chrome. Chrome by default has Flash integrated and each update to Chrome also adds the most recent version of Flash. If you've installed Flash separately, it could also be installed for Chrome, so the two versions might be in conflict with each other. You need to disable one/ the second instance of Flash - that's why disabling the plugin in Chrome works. I would recommend however, that you ensure that your version of Chrome is up to date and/or that you update your flash plugin by doing the following:
In the address bar [of Chrome] type chrome://components, then under "pepper_flash," click 'Check for update'. That may work. So it is not a general issue, it will vary from machine to machine. A pain, i know.
Regarding the some-play some-don't issue, this is a known FF-soundcloud issue. Apparently if you enter Firefox 'Safe mode' all the tracks will play. (you can enter Safe mode by clicking the menu icon, then help and select Restart with Add-ons Disabled then select Start in Safe Mode (don't Refresh Firefox) ).
Hope this helps!
Rachel
So I'm doing some work on a site to make it compatible for IE8 (Client request, don't ask). Now the website contains some videos in iframe tags which are displaying blank in IE8.
According to Blank iFrame in IE I have to write 'position:relative' in order to show the video. Below is my full tag:
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/whatever" frameborder="0" style="position:relative;" ></iframe>
This however, doesnt seem to work. Even with position:relative it still shows as blank.
The above 'Blank iFrame in IE' question is a number of years old so I'm wondering has there been any changes sinse HTML5 in how this should operate? Or should the code still work and I'm doing it wrong?
Now my IE8 working well after figure this out.. Firstly i have an experience like you do such as blank content.
So here the few step to fix this.
Try installing shockwave player.
After that on menu setting click tools > manage add ons
and enable it the shockwave flash object
Let me know the result. Regards.
I have a menu div that I'd like to display on top of a pdf in an iframe. The work-around I have found is to place an empty iframe behind the div. Works fine in Firefox/IE. Chrome still has the menu div behind the iframe. Oh, and I have the Adobe PDF plugin activated. Anyone have experience with this?
See the Fiddle
If you add it in as an object (with wmode) rather than as an iframe it seems to work fine in Chrome (FYI, I can confirm that it was not working correctly in my version of Chrome: Windows 7, Chrome 16). Try this:
<div id="objectContainer">
<object id="pdfObject" data="http://mirror.hmc.edu/ctan/macros/latex/contrib/pdfpages/dummy.pdf" type="application/pdf" width="600" height="500" style="z-index:1" wmode="opaque">
alt : test.pdf
</object>
</div>
<iframe id="emptyIframe" src="about:blank" frameborder="0">something</iframe>
<div id="menu">
Menu
</div>
This also works in Firefox. However, you might run into problems with IE. I recommend you do a server-side browser detect and then output either the embedded object or iframe depending on the browser.