X
Thinta lapha ukuze uye kuveshini yamakhalekhukhwini kusayithi.

Isithangami Sabeseki

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

Can't view instagram pictures embedded in websites.

Kuphostiwe

So, whenever I go to websites(like someecards, etc) and there are embedded images from Instagram, I can't see the pictures, only blank squares with a clickable description underneath it. I can view the pix fine on Instagram(or sometimes if someone shares Instagram pix on FB, I can see them fine there, too.) Just not embedded.

Any help would be appreciated!

So, whenever I go to websites(like someecards, etc) and there are embedded images from Instagram, I can't see the pictures, only blank squares with a clickable description underneath it. I can view the pix fine on Instagram(or sometimes if someone shares Instagram pix on FB, I can see them fine there, too.) Just not embedded. Any help would be appreciated!
Ama-screenshot ananyekiwe

Okulungisiwe ngu DystopiaGrrl

Isisombululo esikhethiwe

"Can't view instagram pictures embedded in websites."

I did get this same problem over an year ago, in 2014. I just could not find any solution. No matter how much I updated the latest Firefox versions, Java-versions, video driver versions etc. I just used IE 11 browser when I needed to see those embedded Instagran pictures.

My current Firefox version is 50. Now I finally found a solution that seems to solve this problem in Win-XP, Vista and Windows 7.

Go to Tools -> Options -> Content -> Fonts and Colors / Advanced There tick the selection: "Allow pages to choose their own fonts, instead of my selections above"

That's it. Now Instagram pictures show again as they should.

It would have made more sense to me if the setting had been: "Allow pages to choose their own colors..." and then that would have corrected the proble,

But allowing the font change, how did that correct this Instagram problem?

Hopefully this helps someone else with same kind of Firefox/Instagram problem.

Funda le mpendulo ngokuhambisana nalesi sihloko 3

Eminye Imininingwane Yohlelo

Fakela amapulagi

  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • Next Generation Java Plug-in 11.101.2 for Mozilla browsers
  • NVIDIA 3D Vision Streaming plugin for Mozilla browsers
  • NVIDIA 3D Vision plugin for Mozilla browsers
  • Shockwave Flash 22.0 r0

Isisebenziso

  • Firefox 48.0.1
  • Umsebenzisi oyi-ejenti: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:48.0) Gecko/20100101 Firefox/48.0
  • I-URL Yokweseka: https://support.mozilla.org/1/firefox/48.0.1/WINNT/en-US/

Izandiso

  • Adblock Plus 2.7.3 ({d10d0bf8-f5b5-c8b4-a8b2-2b9879e08c5d})
  • Disable Anti-Adblock 3.1.1-signed.1-signed ({d49a148e-817e-4025-bee3-5d541376de3b})
  • Emoji Cheatsheet for GitHub, Basecamp etc. 1.2.0 (jid1-Xo5SuA6qc1DFpw@jetpack)
  • Firefox Hello 1.4.4 (loop@mozilla.org)
  • Gmail™ Notifier Plus 0.2.5 (jid1-sqmEAwSoa3FZPc@jetpack)
  • Google Translator for Firefox 2.1.0.5.1.1-signed (translator@zoli.bod)
  • Greasemonkey 3.9 ({e4a8a97b-f2ed-450b-b12d-ee082ba24781})
  • Multi-process staged rollout 1.1 (e10srollout@mozilla.org)
  • NoSquint Plus 48.0.0 (zoomlevelplus@zoomlevelplus.net)
  • Pocket 1.0.4 (firefox@getpocket.com)
  • RightToClick 2.9.6 ({cd617375-6743-4ee8-bac4-fbf10f35729e})
  • Show my Password 2.0.1-signed.1-signed ({cd617372-6743-4ee4-bac4-fbf60f35719e})
  • tektek.org GaiaOnline Toolbar 2.1 2.1.20110621.1-signed.1-signed ({0df7b3bb-9581-44bb-835f-061a29ec8a46})
  • Yahoo Mail Notification 1.0.1 (jid1-kMGMgjmcncOBpw@jetpack)

I-Javascript

  • incrementalGCEnabled: True

Imidwebo

  • adapterDescription: NVIDIA GeForce GTX 980
  • adapterDescription2:
  • adapterDeviceID: 0x13c0
  • adapterDeviceID2:
  • adapterDrivers: C:\Windows\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_b07608b795ac4102\nvd3dumx,C:\Windows\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_b07608b795ac4102\nvwgf2umx,C:\Windows\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_b07608b795ac4102\nvwgf2umx,C:\Windows\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_b07608b795ac4102\nvwgf2umx C:\Windows\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_b07608b795ac4102\nvd3dum,C:\Windows\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_b07608b795ac4102\nvwgf2um,C:\Windows\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_b07608b795ac4102\nvwgf2um,C:\Windows\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_b07608b795ac4102\nvwgf2um
  • adapterDrivers2:
  • adapterRAM: 4095
  • adapterRAM2:
  • adapterSubsysID: 00000000
  • adapterSubsysID2:
  • adapterVendorID: 0x10de
  • adapterVendorID2:
  • clearTypeParameters: Gamma: 2200 Pixel Structure: R ClearType Level: 100 Enhanced Contrast: 50
  • direct2DEnabled: True
  • directWriteEnabled: True
  • directWriteVersion: 10.0.14393.0
  • driverDate: 8-11-2016
  • driverDate2:
  • driverVersion: 21.21.13.7254
  • driverVersion2:
  • info: {u'AzureCanvasAccelerated': 0, u'AzureCanvasBackend': u'direct2d 1.1', u'AzureFallbackCanvasBackend': u'cairo', u'AzureContentBackend': u'direct2d 1.1'}
  • isGPU2Active: False
  • numAcceleratedWindows: 1
  • numTotalWindows: 1
  • supportsHardwareH264: Yes; D3D11 blacklisted with DLL igd10iumd32.dll (20.19.15.4331); Using D3D9 API
  • webglRenderer: Google Inc. -- ANGLE (NVIDIA GeForce GTX 980 Direct3D11 vs_5_0 ps_5_0)
  • windowLayerManagerRemote: True
  • windowLayerManagerType: Direct3D 11

Okuthandwayo Okulungisiwe

Misc

  • Umsebenzisi JS: Cha
  • Ukufinyeleleka: Cha
jcd88 0 izisombululo 4 izimpendulo
Kuphostiwe

Impendulo Ewusizo

Good to know I'm not the only one who's having this issue! I am seriously considering an alternative for firefox.

Good to know I'm not the only one who's having this issue! I am seriously considering an alternative for firefox.
John99 971 izisombululo 13138 izimpendulo
Kuphostiwe

I would not even know how to find instagram pictures on http://www.someecards.com/ but when I open that I do not see any obvious missing images.

I would not even know how to find instagram pictures on http://www.someecards.com/ but when I open that I do not see any obvious missing images.

Umnikazi wombuzo

jcd88 said

Good to know I'm not the only one who's having this issue! I am seriously considering an alternative for firefox.

Weird, ain't it? But I've thought of switching to some other browser, myself.. -_-

''jcd88 [[#answer-917126|said]]'' <blockquote> Good to know I'm not the only one who's having this issue! I am seriously considering an alternative for firefox. </blockquote> Weird, ain't it? But I've thought of switching to some other browser, myself.. -_-

Umnikazi wombuzo

John99 said

I would not even know how to find instagram pictures on http://www.someecards.com/ but when I open that I do not see any obvious missing images.

Glad to hear it, but I'm needing a solution...it's kinda been frustrating, you know?

Thanks tho..

''John99 [[#answer-917139|said]]'' <blockquote> I would not even know how to find instagram pictures on http://www.someecards.com/ but when I open that I do not see any obvious missing images. </blockquote> Glad to hear it, but I'm needing a solution...it's kinda been frustrating, you know? Thanks tho..
John99 971 izisombululo 13138 izimpendulo
Kuphostiwe

Can you give me some specific example please so I can check. Your screenshot indicated what your problem is but does not say what particular page it was on.

For instance trying to help jcd88

jcd88 said
For prime example: take this article https://www.buzzfeed.com/caitlinjinks/what-is-happening?utm_term=.xvxPxaMQN#.flWaj5PLQ I am attaching the images, capture 1 is what I am supposed to see (via chrome). capture 2 is what I see on firefox. It just doesn't load for whatever reason. This just started happening too.
John99 said
Thanks. I have checked that page and can see it somewhat similar to as you see it on Google. It does not seem to be protected content but it does need javascript that you could be blocking. Does it work for you in Firefox's safe mode ? Do you have script blockers or ad blockers that could be preventing you seeing this. What happens if you try looking at the Instagram site does the video clip play ok for you over there ?
Can you give me some specific example please so I can check. Your screenshot indicated what your problem is but does not say what particular page it was on. For instance trying to help jcd88 * [/questions/1139142 Can't view instagram pictures or videos embedded on websites] <blockquote>''jcd88 said'' <br/> For prime example: take this article https://www.buzzfeed.com/caitlinjinks/what-is-happening?utm_term=.xvxPxaMQN#.flWaj5PLQ I am attaching the images, capture 1 is what I am supposed to see (via chrome). capture 2 is what I see on firefox. It just doesn't load for whatever reason. This just started happening too.</blockquote> <blockquote>''John99 said'' <br/> Thanks. I have checked that page and can see it somewhat similar to as you see it on Google. It does not seem to be protected content but it does need javascript that you could be blocking. Does it work for you in Firefox's safe mode ? Do you have script blockers or ad blockers that could be preventing you seeing this. * See [[Troubleshoot Firefox issues using Safe Mode]] What happens if you try looking at the Instagram site does the video clip play ok for you over there ? * It is https://www.instagram.com/p/BIdPzsdjEqA/</blockquote>
jscher2000
  • Top 10 Contributor
8633 izisombululo 70605 izimpendulo
Kuphostiwe

Using the example link John99 posted...

The embedded Instagram pages are in iframes (inline frames). If you right-click that area, does Firefox's context menu have a "This Frame" item and if you follow that fly-out menu, can you open the framed page in a new tab successfully? Example screen shot attached for reference.

(I'm not saying you'll need to do this from now on, but I want to make sure the frame is being set up in the page.)

Using the example link John99 posted... The embedded Instagram pages are in iframes (inline frames). If you right-click that area, does Firefox's context menu have a "This Frame" item and if you follow that fly-out menu, can you open the framed page in a new tab successfully? Example screen shot attached for reference. (I'm not saying you'll need to do this from now on, but I want to make sure the frame is being set up in the page.)

Umnikazi wombuzo

jscher2000 said

Using the example link John99 posted... The embedded Instagram pages are in iframes (inline frames). If you right-click that area, does Firefox's context menu have a "This Frame" item and if you follow that fly-out menu, can you open the framed page in a new tab successfully? Example screen shot attached for reference. (I'm not saying you'll need to do this from now on, but I want to make sure the frame is being set up in the page.)

No, it doesn't. The only way to view the pix for me is to click the link below the individual pictures. Not that much trouble to do, but I just wish I didn't have to.

Here's a webpage example, btw- Example page on someecards...


Guess I'll just live with it ¯\_(ツ)_/¯

''jscher2000 [[#answer-917256|said]]'' <blockquote> Using the example link John99 posted... The embedded Instagram pages are in iframes (inline frames). If you right-click that area, does Firefox's context menu have a "This Frame" item and if you follow that fly-out menu, can you open the framed page in a new tab successfully? Example screen shot attached for reference. (I'm not saying you'll need to do this from now on, but I want to make sure the frame is being set up in the page.) </blockquote> No, it doesn't. The only way to view the pix for me is to click the link below the individual pictures. Not that much trouble to do, but I just wish I didn't have to. Here's a webpage example, btw- [http://www.someecards.com/life/fashion-beauty/hidden-rainbow-hair/ Example page on someecards...] Guess I'll just live with it ¯\_(ツ)_/¯
jscher2000
  • Top 10 Contributor
8633 izisombululo 70605 izimpendulo
Kuphostiwe

Wow, I do so little with my hair it's hard to imagine...

Did you try making "exceptions" on the page, for example, using the Adblock Plus button, or turning off other extensions that can block content?

Or did you test in Firefox's Safe Mode? In Safe Mode, Firefox temporarily deactivates extensions, hardware acceleration, and some other advanced features to help you assess whether these are causing the problem.

If Firefox is not running: Hold down the Shift key when starting Firefox.

If Firefox is running: You can restart Firefox in Safe Mode using either:

  • "3-bar" menu button > "?" button > Restart with Add-ons Disabled
  • Help menu > Restart with Add-ons Disabled

and OK the restart.

Both scenarios: A small dialog should appear. Click "Start in Safe Mode" (not Refresh).

Any improvement?

Wow, I do so little with my hair it's hard to imagine... Did you try making "exceptions" on the page, for example, using the Adblock Plus button, or turning off other extensions that can block content? Or did you test in Firefox's Safe Mode? In Safe Mode, Firefox temporarily deactivates extensions, hardware acceleration, and some other advanced features to help you assess whether these are causing the problem. ''If Firefox is not running:'' Hold down the Shift key when starting Firefox. ''If Firefox is running:'' You can restart Firefox in Safe Mode using either: * "3-bar" menu button > "?" button > Restart with Add-ons Disabled * Help menu > Restart with Add-ons Disabled and OK the restart. ''Both scenarios:'' A small dialog should appear. Click "Start in Safe Mode" (''not'' Refresh). Any improvement?
rootazoid 0 izisombululo 4 izimpendulo
Kuphostiwe

I have this problem too, on FF45.01, for instance here, with AdBlock OFF: https://www.instagram.com/developer/embedding/ The example doesn't display. You can look at the Source on it but for an amateur it's no help. Safe Mode might help but who wants to track down an offending extension via elimination just for this? Another fact, for me on Windows 7, not only FF fails, but MSIE11, Opera 41x, and SlimBrowser 8. The only browser that displays these reliably for me is Maxthon 4.9.4. But FF is my default for many good reasons. MAKE IT SO, DATA.

p.s. yes, clicking the text under the embedded brings up the intended image. HUMBUG!

I have this problem too, on FF45.01, for instance here, with AdBlock OFF: https://www.instagram.com/developer/embedding/ The example doesn't display. You can look at the Source on it but for an amateur it's no help. Safe Mode might help but who wants to track down an offending extension via elimination just for this? Another fact, for me on Windows 7, not only FF fails, but MSIE11, Opera 41x, and SlimBrowser 8. The only browser that displays these reliably for me is Maxthon 4.9.4. But FF is my default for many good reasons. MAKE IT SO, DATA. p.s. yes, clicking the text under the embedded brings up the intended image. HUMBUG!

Okulungisiwe ngu rootazoid

jscher2000
  • Top 10 Contributor
8633 izisombululo 70605 izimpendulo
Kuphostiwe

Hi rootazoid, when you say it's the same problem, do you also get the photo placeholder with the caption underneath? In other words, the framed content loads, but there is a problem internal to the frame that causes it to load incompletely. But loads fine on Instagram itself?

I can't figure out what causes that. Since it affects nearly all your browsers, maybe it's a setting in your security software.

Hi rootazoid, when you say it's the same problem, do you also get the photo placeholder with the caption underneath? In other words, the framed content loads, but there is a problem internal to the frame that causes it to load incompletely. But loads fine on Instagram itself? I can't figure out what causes that. Since it affects nearly all your browsers, maybe it's a setting in your security software.
rootazoid 0 izisombululo 4 izimpendulo
Kuphostiwe

Impendulo Ewusizo

What I get is a big empty framed white area, as if the old normal html called for an image that isn't there/uploaded, with a small camera-like icon in the middle. "Placeholder", maybe, incomplete, definitely. Clicking the caption brings up an Instagram page, yes, with the full image, for me in a new tab. If this was a security software issue, for me an alert would come up, and why would Maxthon sneak by and work?

What I get is a big empty framed white area, as if the old normal html called for an image that isn't there/uploaded, with a small camera-like icon in the middle. "Placeholder", maybe, incomplete, definitely. Clicking the caption brings up an Instagram page, yes, with the full image, for me in a new tab. If this was a security software issue, for me an alert would come up, and why would Maxthon sneak by and work?
jscher2000
  • Top 10 Contributor
8633 izisombululo 70605 izimpendulo
Kuphostiwe

Hi rootazoid, I can't think of a setting that gives you that problem. Given that it happens in such diverse program, I think it must be something outside of Firefox. If you think it could be something inside Firefox, at least do the Safe Mode test so there aren't a billion possible things going on.

Hi rootazoid, I can't think of a setting that gives you that problem. Given that it happens in such diverse program, I think it must be something outside of Firefox. If you think it could be something inside Firefox, at least do the Safe Mode test so there aren't a billion possible things going on.
jokke20 2 izisombululo 3 izimpendulo
Kuphostiwe

Isisombululo Esikhethiwe

"Can't view instagram pictures embedded in websites."

I did get this same problem over an year ago, in 2014. I just could not find any solution. No matter how much I updated the latest Firefox versions, Java-versions, video driver versions etc. I just used IE 11 browser when I needed to see those embedded Instagran pictures.

My current Firefox version is 50. Now I finally found a solution that seems to solve this problem in Win-XP, Vista and Windows 7.

Go to Tools -> Options -> Content -> Fonts and Colors / Advanced There tick the selection: "Allow pages to choose their own fonts, instead of my selections above"

That's it. Now Instagram pictures show again as they should.

It would have made more sense to me if the setting had been: "Allow pages to choose their own colors..." and then that would have corrected the proble,

But allowing the font change, how did that correct this Instagram problem?

Hopefully this helps someone else with same kind of Firefox/Instagram problem.

"Can't view instagram pictures embedded in websites." I did get this same problem over an year ago, in 2014. I just could not find any solution. No matter how much I updated the latest Firefox versions, Java-versions, video driver versions etc. I just used IE 11 browser when I needed to see those embedded Instagran pictures. My current Firefox version is 50. Now I finally found a solution that seems to solve this problem in Win-XP, Vista and Windows 7. Go to Tools -> Options -> Content -> Fonts and Colors / Advanced There tick the selection: '''"Allow pages to choose their own fonts, instead of my selections above"''' That's it. Now Instagram pictures show again as they should. It would have made more sense to me if the setting had been: "Allow pages to choose their''''' own colors'''''..." and then that would have corrected the proble, But '''allowing the font change''', how did that correct this Instagram problem? Hopefully this helps someone else with same kind of Firefox/Instagram problem.
cor-el
  • Top 10 Contributor
  • Moderator
17411 izisombululo 157274 izimpendulo
Kuphostiwe

See also my answer in this thread:

I also see a problem with the Instagram video.
This also happens on the Instagram website
If I right-click that blank space then I always see a link selected that seems to overlay the actual video.
If I use the Inspector to give that element a rule display:none; or opacity:0 rule then I see the video.
This element seems to block the content and isn't transparent.

Some content shows a Content unavailable error message for me.
See also my answer in this thread: *[[/questions/1139142#answer-947190]] <blockquote><pre>I also see a problem with the Instagram video. This also happens on the Instagram website If I right-click that blank space then I always see a link selected that seems to overlay the actual video. If I use the Inspector to give that element a rule display:none; or opacity:0 rule then I see the video. This element seems to block the content and isn't transparent. Some content shows a Content unavailable error message for me.</pre></blockquote>

Umnikazi wombuzo

jokke20 said

"Can't view instagram pictures embedded in websites." I did get this same problem over an year ago, in 2014. I just could not find any solution. No matter how much I updated the latest Firefox versions, Java-versions, video driver versions etc. I just used IE 11 browser when I needed to see those embedded Instagran pictures. My current Firefox version is 50. Now I finally found a solution that seems to solve this problem in Win-XP, Vista and Windows 7. Go to Tools -> Options -> Content -> Fonts and Colors / Advanced There tick the selection: "Allow pages to choose their own fonts, instead of my selections above" That's it. Now Instagram pictures show again as they should. It would have made more sense to me if the setting had been: "Allow pages to choose their own colors..." and then that would have corrected the proble, But allowing the font change, how did that correct this Instagram problem? Hopefully this helps someone else with same kind of Firefox/Instagram problem.

Oh my goodness, it worked! o_O Thanks! :)

''jokke20 [[#answer-947179|said]]'' <blockquote> "Can't view instagram pictures embedded in websites." I did get this same problem over an year ago, in 2014. I just could not find any solution. No matter how much I updated the latest Firefox versions, Java-versions, video driver versions etc. I just used IE 11 browser when I needed to see those embedded Instagran pictures. My current Firefox version is 50. Now I finally found a solution that seems to solve this problem in Win-XP, Vista and Windows 7. Go to Tools -> Options -> Content -> Fonts and Colors / Advanced There tick the selection: '''"Allow pages to choose their own fonts, instead of my selections above"''' That's it. Now Instagram pictures show again as they should. It would have made more sense to me if the setting had been: "Allow pages to choose their''''' own colors'''''..." and then that would have corrected the proble, But '''allowing the font change''', how did that correct this Instagram problem? Hopefully this helps someone else with same kind of Firefox/Instagram problem. </blockquote> Oh my goodness, it worked! o_O Thanks! :)
cor-el
  • Top 10 Contributor
  • Moderator
17411 izisombululo 157274 izimpendulo
Kuphostiwe

Setting "Allow pages to choose their own fonts, instead of my selections above" would only have effect for images that are supplied by an icon font. That are usually small images in buttons or labels.

Setting "Allow pages to choose their own fonts, instead of my selections above" would only have effect for images that are supplied by an icon font. That are usually small images in buttons or labels.
jokke20 2 izisombululo 3 izimpendulo
Kuphostiwe

cor-el said

Setting "Allow pages to choose their own fonts, instead of my selections above" would only have effect for images that are supplied by an icon font.

I'm not sure what that icon font means there. All the embedded Instagram videos and images that I have seen have had very much the same looking and same sized fonts and borders etc.

Here's for instance the official Instagram site that tells how to add embedded images to your web sites. https://www.instagram.com/developer/embedding/

If you test by checking/unchecking the "Allow pages to choose their own fonts, instead of my selections above" setting, image will be shown or disappears after refreshing the page.

I think most of the sites that use embedded Instagram images use this code snippet, and also the fonts that come along with it. So this Firefox/Instagram problem is with every user who has unchecked that setting.

If I check it back, I get blurry screen fonts on many pages. Hopefully this little FF-bug will be corrected within month or two.

''cor-el [[#answer-947546|said]]'' <blockquote> Setting "Allow pages to choose their own fonts, instead of my selections above" would only have effect for images that are supplied by an icon font. </blockquote> I'm not sure what that ''icon font'' means there. All the embedded Instagram videos and images that I have seen have had very much the same looking and same sized fonts and borders etc. Here's for instance the official Instagram site that tells how to add embedded images to your web sites. https://www.instagram.com/developer/embedding/ If you test by checking/unchecking the '''"Allow pages to choose their own fonts, instead of my selections above"''' setting, image will be shown or disappears after refreshing the page. I think most of the sites that use embedded Instagram images use this code snippet, and also the fonts that come along with it. So this Firefox/Instagram problem is with every user who has unchecked that setting. If I check it back, I get blurry screen fonts on many pages. Hopefully this little FF-bug will be corrected within month or two.

Umnikazi wombuzo

cor-el said

Setting "Allow pages to choose their own fonts, instead of my selections above" would only have effect for images that are supplied by an icon font. That are usually small images in buttons or labels.

I'm not sure what you mean, but jokke20's solution worked for me, so.... problem solved, I'm a happy camper again!

''cor-el [[#answer-947546|said]]'' <blockquote> Setting "Allow pages to choose their own fonts, instead of my selections above" would only have effect for images that are supplied by an icon font. That are usually small images in buttons or labels. </blockquote> I'm not sure what you mean, but jokke20's solution worked for me, so.... problem solved, I'm a happy camper again!

Umnikazi wombuzo

Can a mod kindly close this thread now? My problem has been solved =) Thanks!

Can a mod kindly close this thread now? My problem has been solved =) Thanks!