Object embedding test

Purpose of this test

To find out what is needed for present-day browsers to display sources using the html-4 object element.

A nice article about using the object element to both create standards-compliant web pages and have media playing as well, can be found at A List Apart.

1. Just an image object of type jpg.
Sorry, your browser isn't equipped to show jpg-image objects.
2. Just an image object of type png.
Sorry, your browser isn't equipped to show png-image objects.
3. Just an audio object of type m4a.
Sorry, your browser isn't equipped to play m4a-audio objects.

Now we extend above examples with fall-back elements in case the browser isn't equipped to display the object elements. (This can happen due to multiple reasons. For example, a plug-in might not be installed or disabled, or the browser doesn't support the object element at all.)

4. An image object of type jpg with a fall-back img element.
Sorry, your browser isn't equipped to show jpg-image objects. Here's a fall-back image:
Fall-back jpg image
5. An image object of type png with a fall-back img element.
Sorry, your browser isn't equipped to show png-image objects. Here's a fall-back image:
Fall-back png image
6. An audio object of type m4a with a fall-back embed element.
Sorry, your browser isn't equipped to play m4a-audio objects. Here's a non-standard fall-back embed:
<em>Sorry, your browser isn't equipped to play embedded objects either.</em>

Instead of the ugly fall-back we can also try adding an extra parameter to the object elements. First method: to add the src attribute to the object element.

7. An image object of type jpg with an added src attribute.
Sorry, your browser isn't equipped to show jpg-image objects.
8. An image object of type png with an added src attribute.
Sorry, your browser isn't equipped to show png-image objects.
9. An audio object of type m4a with an added src attribute.
Sorry, your browser isn't equipped to play m4a-audio objects.

Second method: to add a src parameter to the object element.

10. An image object of type jpg with an added src parameter.
Sorry, your browser isn't equipped to show jpg-image objects.
11. An image object of type png with an added src parameter.
Sorry, your browser isn't equipped to show png-image objects.
12. An audio object of type m4a with an added src parameter.
Sorry, your browser isn't equipped to play m4a-audio objects.

And if everything else fails, we can try adding an iframe... but adding a link to the source is friendlier.

13. An image object of type jpg with a fall-back hyperlink.
Sorry, your browser isn't equipped to show jpg-image objects. Here's a hyperlink showing the same:
The jpg image
14. An image object of type png with a fall-back hyperlink.
Sorry, your browser isn't equipped to show png-image objects. Here's a hyperlink showing the same:
The png image
15. An audio object of type m4a with a fall-back hyperlink.
Sorry, your browser isn't equipped to play m4a-audio objects. Here's a hyperlink showing the same:
The m4a audio
A.E.Veltstra
2007-03-12