I have been using Amazon Ad Widgets on my website so that my client would purchase necessary things which are helpful in using my services. The code that I added in my HTML is as follows. As I added it, It seems like some icons inside the widget are not showing up, it shows a blank image in some browsers as if the path of the image is not right. In some browsers, I can't see the whole widget but blank space only.
The analysis that I did about it is the icons that are not showing have some security restrictions. For example, this icon that I got from inside iframe that says Your connection is not private.
https://wms-na.amazon-adsystem.com/panda/20070822/US/img/a-logo-amazon.png
Code:-
<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="//ws-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&OneJS=1&Operation=GetAdHtml&MarketPlace=US&source=ac&ref=tf_til&ad_type=product_link&tracking_id=1324010-20&marketplace=amazon®ion=US&placement=B01GDJ2BH6&asins=B01GDJ2BH6&linkId=070ae8535be3448b20d903f2a7e49ea0&show_border=false&link_opens_in_new_window=true&price_color=333333&title_color=0066c0&bg_color=ffffff"> </iframe>
Browsers with icons on widget missing:- Chrome, Firefox, IE, Opera
Browsers with no widget are visible just blank space:- Brave browser or any on the above browsers when we make the URL of iframe start from https://ws-na to //ws-na
Can anyone help me with its solution?
Thanks
Related
I have problem using Microsft Edge for view PDF files with HTML. In my webpage, i use iframe tags and the src attribute with file path.
The images are shown smoller than the iframe and with random size, and add a scrollbar. (Not happen when i use Chrome, Safari or Firefox).
Simplified code:
<div id="contenedor">
<div>
<iframe id="pdf1" src="pdfs\Prueba1.pdf#toolbar=0&navpanes=0&scrollbar=0&statusbar=0&messages=0&view=fitV" frameborder="0" class="frame"></iframe>
</div>
<div>
<iframe id="pdf2" src="pdfs\Prueba2.pdf#toolbar=0&navpanes=0&scrollbar=0&statusbar=0&messages=0&view=fitV" frameborder="0" class="frame"></iframe>
</div>
<div>
<iframe id="pdf3" src="pdfs\Prueba3.pdf#toolbar=0&navpanes=0&scrollbar=0&statusbar=0&messages=0&view=fitV" frameborder="0" class="frame"></iframe>
</div>
</div>
I attach image of the visualization examples.
smoller than the iframe and scrollbar
random size and scrollbar
My doubt are if the parameters that i add to the src are corret for obtain the fit of the iframe to have the same size for all and not have visible scrollbar.
I will be very grateful.
Disable the following flag: edge://flags/#edge-smooth-scrolling-enabled-pdf
Note: Make sure you update the latest version of Microsoft Edge.
The server cannot control the browser it can only offer "recommendations" such as "download" or "download and view", it is the client decides on preferences and media actions.
those Acrobat settings for scrollbars etc are only for Acrobat or PDF viewers that respect them.
So exactly same as a PDF reader does not have to respect NO COPY, simply adding Bad Arguments to an iFrame can be ignored.
Currently this is the best way to send recommendations to Edge.
You may wonder why the first two do not both FitV
and the answer is I as client chose my screen to be 66% thus the image is 66% of FitV.
So why then does the first one keep at FitV ?, its because there are more pages.
And why is the last one a Fit is because the frame is 25% of the page fit.
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 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?
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.