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."
So what is the difference between opening object_gif.html as a local file
and as a remote Web page? Why IE behaves differently?
I have no idea.
Comparing with Firefox 26, IE 10 behaves poorly on rendering images provided in "object" elements.
Last update: 2014.
Table of Contents
About This Book
Introduction of Adobe Flash
Adobe Flash Player Plugin for Firefox
Adobe Flash Player Plugin for Chrome
Adobe Flash Player Plugin for Safari
Adobe Flash Player ActiveX for IE
►Using "object" Elements for Flash Files
What Is "object" Element?
Displaying Images as "object" Elements - Example
Displaying Images as "object" Elements on Firefox 26
►Displaying Images as "object" Elements on IE 10
Playing Flash as "object[@data]" - Example
Playing Flash as "object[@data]" on Firefox 26
Playing Flash as "object[@data]" on IE 10
Playing Flash as "object[@classid]"
Playing Flash as "object[@classid]" - Example
Playing Flash as "object[@classid]" on Firefox 26
Playing Flash as "object[@classid]" on IE 10
Playing Flash with Nested "object" Elements
Playing Flash with a Single "object" Element
Using "embed" Elements for Flash Files
"mp3player" - MP3 Music Player
Flash Player Projector
SWFTools - SWF File Manipulation Tools
SWFC Script to Generate Flash SWF Files
ActionScript Embedded in SWFC Script
AS3Compile - ActionScript 3 Compiler
Adobe Flex SDK 4
SWF File Struture and Tags
SWF File Processing Rules
SWF Files for Video and Audio Streams
PDF Printing Version