이렇게 동영상 보기를 누루면 div를 absolute로 위에 뜨게 됩니다. 이게 최신글이여서
여러개 동영상을 id값을 다르게 해야지 다른 동영상이 내용에 들어갑니다.
이 div 말고 다른 위치를 선택하게 되면 이 div 상자가 닫히게 할려고하는데..

<a href="javascript:;" onclick="show_list(<?=$i?>)">동영상보기</a>
<div id="selectname<?=$i?>" class="movie" style="float:left; display:none;position:absolute;
      top:120px;  z-index:400; width:650px; height:400px; background-color: #FFFFFF">
<table width="100%" border=0 cellpadding=0 cellspacing=0
                  style="margin:0 auto 0 auto;" align="left" >
    <tr><td height="20px"></td></tr>
                    <tr>
          <td valign="middle">
<p align="center"><span style="float:right;">
                                  <a href='javascript:;' onclick='close_list(<?=$i?>)'
                                        style="text-decoration:none;">CLOSE&nbsp;&nbsp;</a></span>
<a href="<?=$flv?>" style="display:block;width:600px;height:380px"
                              id="player<?=$i?>" onBlur="close_list(<?=$i?>)"> </a>
                                </p>
                          </td>
                    </tr>
                </table>
</div>
-----------------------------------------------------
그리고 스크립트는 이렇게 했습니다.
<script type="text/javascript">



function show_list(i) {
$("#selectname"+i).show();

}
function close_list(i) {
$("#selectname"+i).hide();

}

//이 아래부분을 어떻게 사용 해야 될까요 ...
$(document).on("click",function(e) {
if($(e.target).parents(".movie").size() == 0) { .movie.hide(); }
});
);
}




</script>