Sharepoint Office 365 videos don't show up in IE11 - sharepoint

We are using Sharepoint 365 and the videos do not show up at all in IE11. There is a large space where the video would appear, but nothing displayed. The answer isn't "Use a different browser" although I'd love that to be the answer, but we have to support IE11. I hope someone has a workaround - we can't be the only ones with this problem!

This is a known issue, you have to do one of the workarounds discussed in this community thread.
After adding this to SP16th masterpage it worked fine.
<meta http-equiv="X-UA-Compatible" content="IE=11">

Related

Flutter web app is not supporting in IE11. Shows empty page

Flutter web app(Sample app) is not supporting in IE11. Shows empty page and remaining browsers(Chrome, Firefox, edge) its working fine. Any solution for this IE11 issue. Thanks in advance.
Looking at various discussions about flutter it was reported as not working with IE or Edge earlier in 2020 but it now works with Edge (probably because Edge has moved towards Chrome). I did not find any comment that says it now works on IE and trying other examples they work on Chrome and Edge as of today but not on IE11.
Also, the test example given does not work on Firefox either.
There is some hint in the discussions on [https://flutter.dev/docs/get-started/codelab-web][1] that they were tracking down the problems in Edge (before Edge moved) but I could not find any hint that they would be working on IE.
It may be best to repeat the question to the flutter community - but it would not be surprising if they were not going to work on an IE version as it is slowly dying out.
Having said all that, the error now posted by the questioner points at an incompatibility with the version of Bootstrap being used. Several places in searching for this come up with the recommentdation that this should be added in the head of the code
<meta http-equiv="X-UA-Compatible" content="IE=edge">
It may be worth raising this with flutter themselves - maybe they are using the wrong version of Bootstrap or need to do something like the above? (to prevent old version of IE run).
[1]: https://flutter.dev/docs/get-started/codelab-web

Fabric Icons not Loading in Desktop Outlook

I've built a few Outlook Add-ins now, but I have one user that is having a problem with Fabric Icons (I've also tried Google Material Icons with no luck). For that user, everything works great on OWA using IE11. But in the Outlook Desktop Client the icons are not loading. I thought the Outlook Add-in used the IE browser, so if it works in IE, it should work in the Outlook Desktop.
I know probably I should be using vorlorn.js but I haven't set it up yet (I was pulling my hair out earlier getting it to work in my local sandbox, due to Add-ins requiring HTTPS, and Vorlon not easily supporting HTTPS)
I haven't tried this yet, but if it's working in IE11 it should work on the Desktop right?
Icon fonts not loading in IE11
Self hosting (Google Material Icons) caused the same issue for me, but using the CDN gets the icons to work.
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
Not ideal for my use case, but it works.

Webfonts not rendering on IE11 win8.1

I have a weird problem with webfonts rendering on IE11 (v11.0.9600.17631) windows 8.1 pro.
I am using both an iconmoon produced iconset and 2 typekit fonts (proxima nova and rooney) and nothing is rendered using these.
I have tried so many things but nothing seems to do the job. Tried a dozen tweaks on my css, also a number of google webfonts, generated a couple of tests through fontsquirrel. Nothing works.
It doesn't look like i am having CORS issues, on several of these tests fonts are on the same directory as the application i am building.
I managed to get it to work by disabling protected mode in Internet Options > Security, which i understand its turned on by default.
Anybody faces similar issues? This is so disappointing.
Your problem may be in the browsers emulation mode (Compatibility View). Force the UserAgent for IE by including this as the first metatag:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
x-ua-compatible ie-compatibility-mode

Is IE9 standards mode officially supported by MS with Sharepoint 2010?

The link here says IE9 is "supported"
http://technet.microsoft.com/en-us/library/cc263526(v=office.14).aspx
Now, does that mean standards mode or just IE8 mode?
Background:
We want to deploy IE9 to get canvas support whilst not breaking anything in Sharepoint. A quick google search brings up a number of issues such as drag/drop webparts in edit mode and people picker There are fixes, but they don't appear to be MS supported. I was wondering if anyone contacted their support directly to get an official stance from them.
From experience, I can say no. We have had significant issues when trying to use, in particular, calendar controls. They do not render correctly in IE9 Standards mode but render perfectly in IE8 Standards.
Microsoft being incompatible with Microsoft! How (predictably) strange.
I use a DOCTYPE (HTML5) for my masterpage (Sharepoint 2010) and I found that IE8, IE9 and IE10 in Standard Mode could have some bad behaviors with several features that don't work anymore like the Gantt View, or editing a form when there is a "multiple line of text" field, and other stuff.
I spent several days doing reverse engineering to find the issues from the JavaScript wrote by Microsoft.
I shared the results on my blog : http://blog.kodono.info/wordpress/2013/03/20/sharepoint-2010-and-ie-in-standard-mode-issues-with-ie9ie10/ and http://blog.kodono.info/wordpress/2012/11/08/webpart-doesnt-work-with-ie8-in-standard-mode-under-sharepoint-2010/
We use Sharepoint 2010 for only 1 month so I'm pretty sure I'll find some other features that don't work in the future....

Migration to IE9

I had an application running on IE7, then, after the release of IE8, I could migrate my application to view with IE8.
Now IE 9 is already happened. What are the tips and tricks to migrate my application to IE9 ? I did a workaround, but I am not satisfied with it. I use the following to set the Document mode to IE 7.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
What are the best ways to handle with IE 9 ?
The gap between elements are widened in IE9 ? How can I modify my site to work well in IE7, IE8 and IE9 ?
The application looks fine in IE7 and IE8. Did Microsoft forget about backward compatibility ?
I gather that your application does not render properly in IE9? You seem to be looking for a "quick fix" to make your application keep rendering the same as it did in IE7 without having to make any significant changes. Such a trick/hack may exist (I don't know), but I'd recommend against it. Eventually you're going to have to update your web app to work with modern browsers -- why not do it now? IE9 is by far the most standards-compliant version of IE, and you would benefit in the long run by making your web app render correctly in IE9 without any "pretend to be IE7" tricks.

Resources