Search code examples
jqueryhtmlflashswfobject

Display alternate content when Flash is not installed with jquery.swfobject

How can I display alternate HTML with the jquery.swfobject plugin for browsers without Flash? I'm unable to find any documentation or examples showing how to do this.

Here is a snippet of my code:

    <script type="text/javascript" language="Javascript" src="jquery.1.4.2.js"></script>
    <script type="text/javascript" language="Javascript" src="jquery.swfobject.1-0-9.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){

            $("#contentflash").flash({
                swf: "myswf.swf",               
                width: "100%",
                height: "100%",
                params: {
                    wmode: "opaque"
                }
            });

        });             
    </script>
</head>
<body>
<div id="contentflash"></div>
Solution

  • Try placing some content in the 

    <div id="contentflash"></div>

    Like

    <div id="contentflash">No flash here man !</div>

    This

    $("#contentflash").flash

    replaces the id #contentflash being targeted.

    Here is an example for completeness.