Webcams on Wordpress site not showing up in IE - wordpress

A client of mine has an issue with their website. The site has several webcams that are linked via an image tag. The webcam images does not show up in IE. I'm not sure how to properly display the webcam images. Any help would be appreciated.

I believe that for IE you have to use the Axis Media Control
see here (http://www.axis.com/hosting/faq.htm)
Q: When I try to view the camera images, I get a warning alert from Windows. What can I do?
A: For Internet Explorer, the default viewer is AXIS Media Control (AMC) which is an ActiveX component that needs to be installed. You can change the viewer settings to Javascript, or use another browser (e.g. Google Chrome, Mozilla Firefox or Safari) that does not require any installations
also here :
http://ask.metafilter.com/187212/MJPG-in-IE

Related

Facebook Pixel doesn't work on mobile browser (but works on desktop browser)

I'm implementing Facebook Pixel on my WordPress website. Everything works fine on the desktop. The pixel is activated is and working fine.
I installed the Facebook Pixel Helper plug in for Chrome, and it detects the pixel on my page
I test the events by opening my website on desktop browser, the page view event is detected on the dashboard. The pixel can also detect other events I set, like contact, content view, etc. All works fine.
Problem: when I open my website from mobile browser (I tried mobile Chrome, Kiwi Browser, Samsung Browser), the dashboard didn't detect the page view event, as well as other events. I tried to open from another mobile phones, same result. I tried to deactivate all my WordPress plug-in to check if one of them is conflicting, but still same result. I inspected my website from mobile browser, it has the Facebook pixel script on the header part, just like on desktop browser, so it should be working fine.
Anyone knows the solution? I don't know what causes this problem. I use Hestia theme and Elementor for my WordPress website.
Try this steps:
1 ° Mobile usually has cache (I don't think so), but try to clear the caches and try again.
2 ° If there are cache plugins please clear all caches please (I don't think so)
3 ° Some themes are available in several headers and some of them are different for mobile and desktop, check if the headers are different and insert the tag manually if necessary in each header.
4 ° To check if everything is ok, with google chrome if you press f12 you have the option to choose a device for testing. Choose an Android or IOS phone from the emulators and reload the screen to test. In cell phones can be false / positive information received sometimes.
Try these options and update your question with new information to try to help you.

Product images are not visible in mozilla but visible in chrome?

I set up an e-commerce website using Wordpress but can't see some of my product images in Mozilla Firefox but they are all visible in chrome. Why is this happening? Is it something to do with the images or browser?
First check the format of images you are using as a thumbnail because google chrome supports more image formats than Mozila. As troubleshooting instructions you should also check the version.
Note: Many site issues can be caused by corrupt cookies or cache.
Clear the Cache and Remove Cookies ( This will log you out of sites you're logged in to. ).

IE8 doesn't display embedded web fonts -- on any site

From what I understand, IE 8 should display embedded fonts, however my version substitutes generic fonts -- not just for my code, but on other sites, even when the CSS is properly IE-hacked (for example, this sample displays all the IE-hacked properties for me (shadows, etc.), except for the embedded font).
I'm wondering if there is a setting in IE8 that would cause this? I'm on a heavily locked-down work computer (this is why I'm using IE8), so that may have something to do with it, though I'm not sure why this would affect font-face specifically.
Any help would be greatly appreciated!
From http://msdn.microsoft.com/en-us/library/ms533034(v=vs.85).aspx
On the View menu, click Options and then click the Security tab.
Select Custom and click Settings.
Scroll to the Downloads section.
Change the Font Download setting from Disable to Enable.

css fix for chrome, and other web browsers

I am looking for a fix for styling a webpage that so that a webpage on google chrome, will look the same as it does on firefox, meaning, is there some syntax in css to make all of the web browsers look the same. does this exist (I would also like one for I.E., and any other web browser if it exists if it exists)
Google Chrome uses a different rendering engine than Internet Explorer/Firefox, so may display web pages differently. Apple Safari uses the same rendering engine as Google Chrome (WebKit) and should display pages the same way.
If your site isn't rendering properly in any browser, make sure your HTML and CSS are valid by testing them at http://validator.w3.org/.
If your site doesn't render properly in Google Chrome or Apple Safari, file a bug at webkit.org as described at http://webkit.org/quality/reporting.html.
If your site renders properly in Apple Safari but not in Google Chrome, please file a bug against Google Chrome at http://code.google.com/p/chromium/issues/list.
How can I test my website in Google Chrome?
There are several tools to help you test your website in Google Chrome:
Web Inspector
Right-click on any component on a web page to launch the web inspector. You'll be able to see the elements and resources associated with the component on which you clicked, including a hierarchy view of the DOM and a JavaScript console.
Task Manager
Select the Page menu icon, then Developer > Task Manager (or press Shift+Esc). The task manager shows all running Google Chrome processes, and the resources that they're using (memory, CPU, and network).
JavaScript Debugger
Select the Page menu icon, then Developer > Debug JavaScript. This launches a JavaScript debugger that can be used to attach to existing processes.
I found the Answer. Being that I am using drupal, there is a built in IE fix for the theme that I am using (fusion) that creates separate css files (ie7.css, ie8.css, etc). using these, I can adjust what I need for IE specifically.
Most layout problems with decent browsers are cause by invalid HTML, invalid CSS, or misunderstanding what a particular piece of CSS is actually supposed to do.
In general, when I see a difference between FF and Chrome, it is because Chrome is doing the proper thing and FF just happens to be rendering some invalid CSS fine. 99% of the time, I can fix the CSS and get FF and Chrome to render the same.
The remaining times, I typically browser sniff and use jQuery to fix the problem.

IE8, compatibility view on local files?

I just developed a small website and tested it locally in IE8, there is no compatibility view button but under settings i find an option called "display intranet sites in compatibility view", this option is checked so i trust that all local files are rendered as IE7.
I then upload the page to my server and everything works fine in IE8-mode, now the the comp-view button is visible, i click it and my design becomes fubar!
I go to the settings for comp-view and uncheck the "display intranet sites in compatibility view", the site still looks ok when i try to browse it directly from the hdd and there is still no comp-view button visible.
This time i managed to create a fix in my css quite easily but i don't want to experience this again for a larger website.
How can i get BOTH IE8-mode and compatibility view for local pages and can i trust that it is active or not?
If you load files off your C:\ (e.g. that kind of local) then yes, you are forced into IE8 standards mode. In this case, the only way to toggle it is to use the Developer Tools F12 and toggle it there, by doing the following:
Press F12 to access the Developer Tools. A new pane will appear at the bottom of the browser window
On the left menu, scroll down to the final option (Emulation). Or, press Ctl+8
Set the Document Mode to the desired browser version.
If by local you mean off a webserver running on your PC or on a PC in your network (e.g. Intranet) then you can add it/them to the list of sites... they will then provide the icon on the address bar to toggle it.
I presume based on your description that you are seeing significant changes thus I presume you have set a DOCTYPE. Can you verify this for us?
I use this Meta Tag in IE8 to emulate IE7. If there is a Quirksmode Doctype, then this tag will not work.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
You can Use the *+html CSS hack under IE8.
Instead of checking the "Display intranet sites in compat" try checking the "display ALL sites in compat". Thats what I usually do and it seems to work ok.

Resources