Zatrzymanie video iframe w divie, który przestaje być wyświetlany

Mam na stronie dwa divy, w których znajdują się ramki iframe z treścią z yt. Jeśli chowam jeden z tych divów, to odtworzona w nim treść nadal działa - chciałbym w momencie chowania diva zatrzymywać (ale nie kasować) odtwarzanej w nim treści. Idea jest taka, żeby tylko jeden div był wyświetlany, a w momencie chowania diva zatrzymywała lub WYCISZAŁA się w nim również transmisja... Próbowałem w ten oto sposób:

<script type="text/javascript">
	$(document).ready(
	function()
	{
		$("#pokazDiv1").click(		
                function()
		{
			$("#wiecejDiv1").toggle(500);
			 document.getElementById("wiecejDiv2").style.display = "none"; 
 			$("#video2").get(0).pauseVideo();
		});
		$("#pokazDiv2").click(		
                function()
		{
			$("#wiecejDiv2").toggle(500);
			  document.getElementById("wiecejDiv1").style.display = "none"; 
 			$("#video1").get(0).pauseVideo();
		});
	});
</script>

<a href="#" id="pokazDiv1"> [POKAŻ / UKRYJ]</a>
<div id="wiecejDiv1" style='display:block;'>
<iframe id='video1'></iframe>
</div>

<a href="#" id="pokazDiv2"> [POKAŻ / UKRYJ]</a>
<div id="wiecejDiv2" style='display:none;'>
<iframe id='video2'></iframe>
</div>

Divy się chowają, ale transmisja nadal działa...