How to scroll videos instead of images in scrollable Created Sep 29, 2009

There is probably something very simple I am screwing up, but I can not find it. Instead of having images scroll, I am going to have a few youtube videos scroll in there. I have the code all working fine, and it is perfect with images, but as soon as I remove the image and replace with video, the scrolling stops. I will paste the code here, but I removed all the styling and script/css link calls to make it cleaner. I would really appreciate any tips. Thank you.

<div class="navi"></div>
<!-- root element for scrollable -->
<div class="scrollable" id=chained>	
	
	<!-- root element for the items -->
	<div class="items">
	
		<div class="vid"><object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/_IP1prFFnI0&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/_IP1prFFnI0&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object></div>

			<div class="vid"><object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/SSg8oWBIpI8&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/SSg8oWBIpI8&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object></div>

					<div class="vid"><object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/Pmvf-Yf73Sg&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Pmvf-Yf73Sg&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object></div>

							<div class="vid"><object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/hSicQaycWwI&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/hSicQaycWwI&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object></div>

	</div>
	
</div>

<div class="arrow_holder">

<!-- "previous page" action -->
<a class="prevPage browse left"></a>
<!-- "next page" action -->
<a class="nextPage browse right"></a>

</div>
</div>
<br clear="all" />

<!-- javascript coding -->
<script>
// What is $(document).ready ? See: http://flowplayer.org/tools/using.html#document_ready
$(document).ready(function() {

// heeeeeeeeeeere we go.
$("#chained").scrollable({hoverClass: 'hover'}).circular().navigator().mousewheel().autoscroll({
	steps: 5,
	interval: 3000		
});	
});
</script>