Playing Flash with Nested "object.embed" Elements

Flash Tutorials - Herong's Tutorial Examples

∟Playing Flash with Nested "object.embed" Elements

This section provides a tutorial example on how to create nested 'object.embed' elements to allow both Firefox and IE to play a Flash file correctly.

From the previous chapter, we learned that two "object" elements in different styles can be nested together to include a Flash file in a HTML document to make both IE and Firefox happy as shown below:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
   width="217" height="85">
<param name="movie" value="yahoo.swf">
   <object data="yahoo.swf" width="217" height="85">
      <img src="yahoo.gif" width="217" height="85"/>
   </object>
</object>

From this chapter, we learned that:

<embed src="xxx.swf" ...> works perfectly on Firefox. But IE gives unnecessary security warning messages.

The question is now, can we nest an "embed" element inside an "object" element to make both IE and Firefox happy?

The answer is yes as shown in the example, object_embed_swf.html:

<html><body>
<!-- object_embed_swf.html
 - Copyright (c) 2014, HerongYang.com, All Rights Reserved.
-->

<p>Flash with nested "object.embed" elements:</p>
<table border="1" cellpadding="0" cellspacing="0">
<tr><td>

<!-- The outer "object" is for IE and ActiveX based browsers -->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
   width="217" height="85">
   <param name="movie" value="yahoo.swf"/>

   <!-- The inner "embed" is for Firefox and other browsers -->
   <embed src="yahoo.swf" width="217" height="85"/>

</object>
</td></tr>
</table>

</body></html>

The nested "object" and "embed" elements in this example code is actually the way recommended by Adobe to include Flash files in HTML documents.

When IE opens this example code, it will render the outer "object" element and ignore the element content which is the inner "object" element.

When Firefox opens the example code, it will fail on the outer "object" element first. It will then render the element content which is the inner "embed" element.

If you are reading the Web version of this book, you should be able to see the above Flash code played below. Otherwise, you will see a static image below.