javascript - 親要素を非表示にするときに埋め込みビデオの再生を停止する

Question

ボタンをクリックするとライトボックス div に表示されるようにビデオを設定しました。

<object width="640" height="360" id="player">
  <param name="movie" value="http://youtu.be/Gwv5Pn--7ok?version=3&amp;hl=en_US&amp;rel=0&amp;start=0"></param>
  <param name="allowFullScreen" value="true"></param>
  <param name="allowscriptaccess" value="always"></param>
  <embed src="http://youtu.be/Gwv5Pn--7ok?version=3&amp;hl=en_US&amp;rel=0&amp;start=0" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>

そして、これらはボタンを押すためのコールバックです

var hideYoutube = function() {
  $('#fadeoutwindow').css('display', 'none');
  $('#lightbox').css('display', 'none');
  $('#horizonyt').css('z-index', '-1');
  $('#horizonyt').css('visibility', 'hidden');
};
var showYoutube = function() {
  $('#fadeoutwindow').css('display', 'block');
  $('#lightbox').css('display', 'block');
  $('#horizonyt').css('z-index', '1000');
  $('#horizonyt').css('visibility', 'visible');
  $('#fadeoutwindow').click(function() {hideYoutube(); });
};

$('#youtube').click(function() {
  showYoutube(); return false;
});

これは、IE を除くすべてのブラウザで正常に動作するようです。IE では、div が非表示の場合、ビデオはバックグラウンドで再生され続けます。ボタンが非表示のときに停止し、ボタンが2回クリックされたときに再び開始する方法はありますか?

(注: 他の要素 - Horizo​​nyt と fadeoutwindow - は、整列と他のすべてのフェードアウトのためだけです。)

ありがとう。