All Questions
Tagged with cross-browser iframe
108
questions
1
vote
2
answers
789
views
iFrame content refuses to load on iOS browsers only - even though a Content-Security-Policy (CSP) frame-ancestors directive is issued
I am creating a website (Site A) in a simple Content Management System. Because the CMS cannot interact with my data server, I have some web content hosted on another web server (Site B - subdomain....
2
votes
0
answers
357
views
iframe for YouTube embed: lazy loading doesn't work in Firefox
Lazy loading is supported in Firefox since version 75: https://caniuse.com/#feat=loading-lazy-attr
I found that this works on Firefox for lazy loading of images. However, YouTube embedding in an ...
1
vote
2
answers
7k
views
Microsoft Edge browser unable to load web application in an IFrame. Getting this error - this content can't be shown in a frame
I'm getting the below error in Microsoft Edge. But, works fine in Chrome. Below are the details of implementation. The user's logged-in email is being captured on the page-load of the home page by ...
0
votes
1
answer
256
views
Firefox refresh button changes the src of the iFrame back to original as expected however the iFrame is still showing content from last session
Started with
<iframe src="blank.html" id="theIdOfTheIframe"></iframe> which is inside a regular html file.
Later, as a result of the user's interaction with the page someothercontent.html ...
0
votes
1
answer
670
views
How can we add event listener to DOM changes inside iframe when there is a cross origin issue?
I have an iframe inside the body of an html page. Inside the iframe there is another html page. Iframe has the src='https://binge.com'. For the first time when the contents of the iframe loads (i.e. ...
4
votes
0
answers
1k
views
What is the default value for CSP HTTP Header "frame-ancestors", if no arguments are provided?
What is the default value for CSP frame-ancestors, if no arguments are provided?
There is a ton of online material pertaining to how to set this CSP to specific value. But I can't find any material ...
0
votes
0
answers
302
views
React iFrame displaying oddly in IE11 - Bootstrap classes not working
I have a React app that is showing an iFrame that is supposed to have a menu styled via Bootstrap (v.3.2, because reasons unfortunately) . And it works fine except for IE11 where I can see that the ...
12
votes
2
answers
18k
views
How to resolve "Allow attribute will take precedence over allowfullscreen" warning?
Allow attribute will take precedence over 'allowfullscreen'.
I'm getting this warning message because I've added an iframe with both allow="fullscreen" and allowfullscreen.
allow doesn't seem to ...
1
vote
0
answers
77
views
Will a video played after a user gesture and iframe refresh be blocked by a browser's autoplay policy?
Many browsers have policies that block autoplaying videos. See for example: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
Let's say there is a workflow similar to the ...
0
votes
2
answers
54
views
Javascript: Incomprehensible behavior when acessing iframe content
I have following html code:
<pre id="js-code"><iframe src="sass/main.sass.html" frameborder="0" id="c-frame"></iframe></pre>
... and js:
document.addEventListener('...
0
votes
1
answer
439
views
iframe content in IE11 is shows only white screen
I need to display an pdf file in iframe tag using JavaScript
Here is my iframe
<iframe id="iframeFile" name="iframeFile" src="" width="100%" height="100%" title="File" scrolling="auto" style="...
1
vote
1
answer
111
views
Get reliably the height of an hidden element
The problem context
I need to resolve the height of the content of an iframe after loading it (in order to adapt the height of the iframe element itself). The problem is that the iframe could be in a ...
2
votes
1
answer
382
views
src of iframe from a string variable in IE
I have a mean-stack website. I want to dynamically construct a variable that contains a valid html string, then render it in an iframe. After some research, I tried the following code: (JSBin)
<...
1
vote
1
answer
109
views
Dynamically created iframe on button press vanishes immediately on all browsers
I'm a novice with this stuff so I've probably made a simple mistake, but so far searches have not helped me.
some semi-relevant context: I've discovered that I can access my university timetable ...
0
votes
1
answer
26
views
Follow Button of Twitter cross-browser
I want to add a Follow Button of Twitter on my mean-stack web page. I use the following code:
https://jsbin.com/herikik/3/edit?html,output
<iframe
src="https://platform.twitter.com/widgets/...