We use iframe to embed YouTube video to our web site.
I embedded <iframe id='player' src="https://www.youtube.com/embed/my-youtube-video-id" frameborder="0" allowfullscreen></iframe>, to my site. The code works fine in most browsers, but not IE8 both Windows 7 or Windows XP (I haven't tested yet, but IE9 may have same problem). The video box just displays as black content.
And I also captured an JavaScript error from IE8
Message: Expected identifier, string or number
Line: 8
Char: 79
Code: 0
URI: http://www.youtube.com/embed/my-youtube-video-id
Then I opened the page generated by YouTube, the codes around that position is yt.setConfig({'POST_MESSAGE_ORIGIN': "*",'EVENT_ID': "my-youtube-video-id",});, char 79 is my-youtube-video-id. I remember IE would not like to take a JSON ended with a comma, is that so?
I'm having the same issue. This is a bug recently introduced by youtube which affects IE version 7, and IE version 8 compatibility mode. It looks like there may be a few workarounds but probably the safest answer is to fall back to the older object/embed code.
See this thread for more info:
http://productforums.google.com/forum/#!topic/youtube/05jaHASZ1Mo
I had the same problem and i solved this using the following Steps.
Download and Install Latest adobe Flash player from http://get.adobe.com/flashplayer/
Click on " Tools - compatability View setting - check the first two check boxes (include update sites lists from microsoft and Display intranet sites in compatability view)
thats all
Muhammad Amjad iqbal
Pakistan
00923009124562
Related
I'm creating an ASP.Net MVC website and everything works great in all my browsers. The problem is, all of them are updated to the latest version. I used BrowserStack to test one of the demo pages I've published on my site just for testing purpose and saw that it works on most of the browsers except IE 7 & 8!!
I'm using Bootstrap 3 and I've added both html5shiv.js and respond.js after my css links. They solved many problems but the screenshot is far from what I expect. So my questions are:
Is there another script that would somehow magically make the IE8 & 7 version like the new ones?
If not, I guess I have to create an IE8-specific stylesheet. Is there a tool that I can use to render the page in IE8 & 7 as I'm debugging the page (F5 in VS) and changing the CSS file and then refresh the page to see how it works? Considering I cannot just use a service like BrowserStack to test the page every time I just change one line of code.
I have an ASP.net website that was working fine with IE9, Mozilla, chrome but with IE 10 users have lot issues. The UI and even the functionality (like clicking on button, login/logout do not work) doesn't work well with IE10.
The IE version I have is 10.0.9200.16519.
I see few differences between the view source from IE10 and google-chrome (or even IE9) but can't understand much of it.
Where actually in the site can I check why pages sent to IE 10 browser is different from others browser or IE9?
Please suggest how can I debug further?
PS: The site works fine with IE9 and below versions of IE.
ASP.NET fails to identify IE10's user-agent string, and as a result can send back broken code. This has been discussed in various places, but probably most notably on Scott Hanselman's blog. See the post titled Bug and Fix: ASP.NET fails to detect IE10 causing _doPostBack is undefined JavaScript error or maintain FF5 scrollbar position.
check if there is any js error, use IE developer toolbar (F12) to debug script
The site I am working on uses Facebook Javascript SDK, as described here https://developers.facebook.com/docs/reference/javascript/, to allow users to login. The site is an ASP.NET MVC site.
It works on latest versions of Chrome, Firefox, Safari and also IE9.
However in windows 8 consumer preview using IE10 (in normal and compatibility mode) when logging into Facebook the popup window goes white and doesn't close. If close manually and refresh the original page I see that I am logged in.
I have looked through all other SO questions and searched the web. I have tried all the solutions and none of them work.
I am using the channelUrl correctly and it works in the other browsers. I also tried the IE10 bug fix here http://www.hanselman.com/blog/BugAndFixASPNETFailsToDetectIE10CausingDoPostBackIsUndefinedJavaScriptErrorOrMaintainFF5ScrollbarPosition.aspx
There really isn't much different from my code and the Facebook examples. So I think there is either a problem with IE10 or the Facebook API when using IE10.
Has anyone had similar problems and found a solution?
The problem was in the HTML. The meta tag for http-equiv was set to
<meta http-equiv="X-UA-Compatible" value="IE=8">
This causes IE10 to display the web page in IE8 mode. Changed this to 9 as it was meant to be and the Facebook popup box disapears.
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.
We have a public Cognos 8 BI reporting solution running inside an iframe. Cognos 8 BI supports Firefox and IE. IE works fine. With Firefox 3.6.13 (the current version) when the report parameters are changed the iframe is often not rendered but is left completely white. This never happens with IE, Firefox 3.0.18, Firefox 4.0 beta 9 or if the report was opened directly without an iframe. Are we facing a Firefox iframe rendering bug? Debugging with Firebug indicates that all content gets loaded by Firefox but it just never displays.
This is how to reproduce: start Firefox 3.6.13 on Windows (don't know if it reproduces on Mac or Linux, reports are welcome). Go to https://sampo.thl.fi/select?area=ESHjono and let the report load completely. Yes it is all Finnish :-D On the topmost dropdown box change from Parivertailu (first selection) to Aikasarja (third selection). A vertical bar report should load. Now change any report parameters in the three dropdown boxes on the report (SAIRAANHOITOPIIRI, Erikoisala, Hoitoa odottaneet yli 180 vrk (%)) to any values. Very often the report is not updated but is left completely white. But if you load the report directly without an iframe via https://sampo.thl.fi/launch/ESHjono-report-aikasarja-prod and change the same parameters there, it gets updated every time. Strangely the issue can be reproduced also on Nokia N900 Maemo Browser (unsupported by Cognos 8 BI). So it might be a Gecko iframe rendering bug, not just something to do with Firefox.