jQuery控制embed元素，remove以后在页面上显示一个黑框

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="JS/jquery-1.7.1.js" type="text/javascript"></script>
    <script>
        $(function () {
            $("#btnClear").click(function () {
                $("#player").remove();
            });
        });
    </script>
</head>
<body>
    <embed id="player" src="/Wildlife.wmv" width="640px" height="480px"></embed>
    <input id="btnClear" type="button" value="button" />
</body>
</html>这里用了一下jQuery
当视频播放的时候，在IE9中按一下那个button，虽然元素被清理掉了，但是MediaPlayer控件仍然显示在页面上，等视频播放完以后就变成一个无法去掉的黑框。但是在Chrome里面正常，这个该怎么解决？