Displaying Images as "object" Elements on IE 10

Flash Tutorials - Herong's Tutorial Examples

∟Using "object" Elements for Flash Files

∟Displaying Images as "object" Elements on IE 10

This section provides a tutorial example on how IE 10 renders images specified in 'object' elements. Result is very poor comparing with Firefox 26.

To see how IE (Internet Explorer) handles the <object> elements with image files as data values, I opened object_gif.html created in the previous section with IE 10 and got a warning message first, "Internet Explorer restricted this webpage from running scripts or ActiveX controls. [Allow blocked content]" near the page buttom.

I clicked the "Allow blocked content" button. A dialog box showed up saying: "An ActiveX control on this page might be unsafe to interact with other parts of the page. Do you want to allow this interaction?"

I clicked the "Yes" button. "Windows Media Player" got executed with the Yahoo! image displayed.

I closed "Windows Media Player". IE displayed the final result of object_gif.html as:

What I learned from the result:

IE 10 gives three unnecessary security warnings before finishing the page.
Test 1 shows that IE 10 is smart to use the file name extension to determine the content type. But it displays the image stupidly in 0px by 0px size instead of using the image's original size.
Test 2 shows that IE 10 runs Windows Media Player to render the "object" element, if the content type is "audio/x-wav".
Test 3 shows that IE 10 uses scroll bars if "width" and "height" provide a display size smaller than the image's original size.

However, when I uploaded object_gif.html to my Apache Web server and open it remotely, IE 10 was giving me a new error message: "Internet Explorer has blocked this site from using an ActiveX control in an unsafe manner. As a result, this page might not display correctly."