How to Render Internet Explorer 9 in WPF Frame Control - wpf

I have a frame control in a WPF app which has an HTML page as a source. The HTML page uses HTML5 features, mostly for a video.
However I can't seem to get it to work in the frame control. I already checked this question here on StackOverflow which points to this page.
If I'm understanding correctly, the default behaviour for frame controls is to render in IE7 mode which explains why the video doesn't work. I've tried adding the application to the registry as described in the second page I've linked but somehow I'm either doing it wrong or it doesn't work for me.
I've set the name of my application as a DWORD key and the value to 0x00002328 in the registry for both:
HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION
and
HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\MAIN\FeatureControl\FEATURE_BROWSER_EMULATION
This at least seems to get the rendered browser into IE9 mode - according to a little script I use to detect the browser. Still no video, though. When I run the same HTML page in an IE9 browser the video displays correctly.
Does anybody have any idea on how to solve this or whether it is solvable at all?

Someone helped solving the issue in the MSDB forums: http://social.msdn.microsoft.com/Forums/en-US/wpf/thread/87e41b0d-145d-4438-958e-c8b3a0a969d3
The important thing seems to be adding this meta information to the html:
<meta http-equiv='X-UA-Compatible' content='IE=9' />
That seems to do the trick.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=unicode' />
<meta http-equiv='X-UA-Compatible' content='IE=9' />
<title></title>
</head>
<body>
<div>
<video autoplay='autoplay' preload='metadata'>
<source src='test_video.mp4' type='video/mp4' />
</video>
</div>
</body>
</html>

Related

Angular Routing not working in Internet Explorer

I am currently using routeProvider to load a partial in the usually way. This works in Chrome, however, this does not work in Internet Explorer 11.
The links are in the form href="#/routehere", and it works when I manually paste the URL into the browser, but not when I click on the links.
What is going on here?
if you have missed this one
<html xmlns:ng="http://angularjs.org"> # Angular Docs says
OR you may try adding this to the header
<meta http-equiv="X-UA-Compatible" content="IE=8">

meta tag viewport content width and initial scale having issues

I am developing a webapp using angularjs. The webapp loads perfectly fine when the mobile device language is set to any except Chinese. I debugged a lot and found the issue that the web app is not loading because of the meta view port tag in the index.html. As soon as I remove the width and initial scale from meta viewport tag, the web app loads successfully in the mobile when the language is set to Chinese. navigator.language = "zh-CN" May I know the reason why this is creating problem when navigator.language is set to Chinese ? Is there any other alternate solution to make my webapp working?
Having the below meta tag in the index.html, doesn't render my app properly if language is set to Chinese
But if I remove the width and initial-scale, then the app renders properly if language is Chinese.
<meta name="viewport" content="maximum-scale=1.0, user-scalable=no, minimal-ui"/>.
I also tired a sample app, but the issue is observed there as well. Please see below my index.html where you can easily reproduce the issue in any Android phone. I tried in my S3 and also in a S4 device . Please help me on this issue. You can copy the below index.html and load it in your apache server to see the issue. The moment you remove the width and initial-scale from the DOM element, you can see the app loads perfectly.
Please help on this issue
Instead of setting initial-scale and/or user-scalable, try combining a minimum and maximum scale. For example:
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
You don't need to use minimal-ui. Apple dropped support for this in iOS8.
It's never a good idea to set maximum-scale nor to set user-scalable="no" because it stops people from being able to zoom, which they may need to do.
It would be interesting to see what happens when you remove these and simply use the viewport:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
I cannot see how the language would be causing this to happen, but it clearly is occurring, it sounds like a very interesting edge case.
Have you also tried other Chinese related lang settings such as "zh" or "zh-Hans"?
I also wonder if it's related to the font, and thus related to this question?

How to share the article content using facebook share button from a custom module in drupal7

Hi Iam very new to drupal
Iam creating a custom module for facebook like and share buttons(i.e Referring the facebook share and like module).I have successfully created the facebook like and its functionality.But I have a problem with facebook share button..
when Iam sharing the content using the facebook share button,Its just sharing the link of my article instead of content of the article(i.e Title,description..etc)
This is the code which I have used
<iframe src="//www.facebook.com/plugins/share_button.php?<?php print $sharesrc;?>" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" allowTransparency="true" style="height:22px;"></iframe>
Here $sharesrc is
"href=articleurl&layout=button_count&width=450&font=arial&height=80&colorscheme=light&locale=en_US&"
I have even checked with existing facebook share modules like
https://www.drupal.org/project/facebookshare
https://www.drupal.org/project/sharethis
https://www.drupal.org/project/service_links
I have implemented ogp also
<meta property="og:type" content="Article">
<meta property="og:title" content="Another Test article">
<meta property="og:url" content="urlofmyarticle">
But none of them is sharing the article content using facebook share button.Please help with this.
Thankyou
Make sure you copy the code from the Button Generator correctly: https://developers.facebook.com/docs/plugins/share-button
You are missing the "href" parameter:
<iframe src="//www.facebook.com/plugins/share_button.php?href=<?php echo $sharesrc;?>&layout=button_count&appId=xxx" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" allowTransparency="true"></iframe>
Btw, it is recommended to ALWAYS use an App ID.
Edit: Ok, you are adding href to the variable already. But you should remove send=false and action_type. Those are flags for the Like Button, not the Share Button. And maybe it´s just not documented, but there is no colorscheme for the Share Button in the docs either.
Of course you need to make sure to have all the necessary Open Graph tags too: http://ogp.me/
...and if it STILL does not work, put the link in the debugger and refresh the OG data: https://developers.facebook.com/tools/debug/
I had the same issue after implementing openGraph meta tags.
<meta property="og:type" content="">
<meta property="og:title" content="">
<meta property="og:url" content="">
And it turned out to be caching from facebook side. Just try to share another article you have not shared before.

Adding Mobile-friendly Meta Tags to the javascript output in the Processing IDE

I'm trying to make my processing app a little more mobile-friendly, which isn't too difficult with these meta tags that I've found.
<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
However, these require copying into the <head> of the generated webpage that the Processing IDE spits out. Every. Single. Time.
Is there an easier way to do this that I'm just not seeing? I looked into the #pjs directives but found nothing. I'm worried I might have to resort to adding the metatags with jquery after the sketch loads.
I figured it out. All I had to do was use a custom html template (Javascript > Start Custom Template) and add it there. Simple.

is ie7 mode inside ie10 reliable?

My site works well if i use IE7 standard mode emulation with IE10 but totally freaks out with native IE7, having totally messed css almost everywhere.
Can i force this standard mode on native IE7 or i must recheck all and manually try to fix it?
I already tried adding this tag on meta:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
and already tried to set doctype as
<!doctype html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">
all without any success
Edit: Found one interesting thing:
IE7 totally mess up your site if the first line in html is a comment! IE7 emulator doesn't so in some case (like mine) we can have totally different results! Now native ie7 and ie7 emulator give the same (messed) output :)

Resources