title: swfobject.embedSWF not working?
body: <p>The following code embedding a Flash animation into an HTML document using SWFObject displays only the alternative content. Why?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Adding a Flash Movie&lt;/title&gt;
          &lt;script type="text/javascript"
                  src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"&gt;
          &lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              swfobject.embedSWF("flash/bird.swf", "bird", "400", "300", "8.0.0");
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="bird"&gt;
              &lt;p&gt;An animation of a bird taking a shower&lt;/p&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Chrome, IE and Firefox all show just <code>An animation of a bird taking a shower</code>.</p>
  
  <p>The code is <a href="http://www.htmlandcssbook.com/code-samples/chapter-09/adding-a-flash-movie.html" rel="nofollow noreferrer">a sample</a> from the book <a href="http://www.htmlandcssbook.com/" rel="nofollow noreferrer">HTML &amp; CSS: design and build websites</a>.</p>