embedded YouTube videos: Work in Firefox and Chrome, but not IE : Help?

[Greg]

This pair of embedded videos appear and function [B]perfectly[/B] in both 
Firefox and Chrome - but just show up as a pair of thin horizontal lines in 
IE. 

I've looked and looked but can't figure out why. Your brain power is 
needed. [B][I]Help?[/I][/B]

This responsive site is built with Twitter Bootstrap. The code is below. 
The page is at  http://easydigging.com/Garden_Tool/broadfork.html   and the 
videos are halfway down the page, in the "Details on each Broadfork" 
section, then within the "UNBREAKABLE Broadfork" tab. When you click the 
tab you [U]should[/U] see the two videos on the right hand side of the 
screen. 

<div class="span5" style=text-align:center; >

    <object width="344" height="auto">
    <param name="movie" 
value="http://www.youtube.com/v/_uZZyNbADKo?version=3&amp;hl=en_US&amp;rel=0;end=65;controls=2;showinfo=0";>
    </param>
    <param name="allowFullScreen" value="true"></param>
    <param name="allowscriptaccess" value="always"></param>
    <embed 
src="http://www.youtube.com/v/_uZZyNbADKo?version=3&amp;hl=en_US&amp;rel=0;end=65;controls=2;showinfo=0";
 
type="application/x-shockwave-flash" width="344" height="auto" 
allowscriptaccess="always" allowfullscreen="true" alt="video of how to use 
a broadfork" >
    </embed>
    </object>
            
    <object width="344" height="auto">
    <param name="movie" 
value="http://www.youtube.com/v/SfbpjAn__hc?version=3&amp;hl=en_US&amp;rel=0;end=127;controls=2;showinfo=0";>
    </param>
    <param name="allowFullScreen" value="true"></param>
    <param name="allowscriptaccess" value="always"></param>
    <embed 
src="http://www.youtube.com/v/SfbpjAn__hc?version=3&amp;hl=en_US&amp;rel=0;end=127;controls=2;showinfo=0";
 
type="application/x-shockwave-flash" width="344" height="auto" 
allowscriptaccess="always" allowfullscreen="true" alt="video about why to 
use a broadfork" >
    </embed>
    </object>
            
</div>